@charset "UTF-8";
/* Spacing */
/*reset*/
@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-overflow-style: scrollbar; }

body {
  margin: 0;
  padding: 0;
  color: #4d4d4d;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: #fff;
  line-height: 1.75;
  -webkit-font-variant-ligatures: no-common-ligatures;
          font-variant-ligatures: no-common-ligatures; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

mark,
kbd,
code,
dfn {
  padding: 0.125em 0.25em;
  border-radius: 0.25rem;
  margin: 0 0.25em;
  line-height: 1; }

mark {
  color: #000;
  background: #ff0; }

kbd {
  color: #fff;
  background-color: #000;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

code {
  color: #d14;
  background-color: #f5f5f5; }

dfn {
  font-style: normal;
  background-color: #ddd;
  color: #666; }

var {
  font-style: normal;
  color: #d14;
  margin: 0 0.25em; }

pre {
  display: block;
  overflow: auto;
  padding: 1.25em 2em;
  font-size: 85%;
  color: #000;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border-radius: 0.25rem; }

blockquote {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  border-color: #ddd;
  padding-left: 1.25rem; }

blockquote::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: " ";
  width: 0;
  border-width: 0.125rem;
  border-style: solid;
  border-color: inherit;
  border-radius: 0.25rem;
  padding: 0.25em 0; }

header,
nav,
menu,
aside,
main,
article,
section,
footer {
  display: block; }

hgroup,
figure,
figcaption,
details,
summary,
pre,
blockquote,
fieldset {
  display: block; }

section,
figure,
pre,
blockquote,
fieldset,
p,
dl, dt, dd, ul, ol, li,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

section:last-child,
figure:last-child,
pre:last-child,
blockquote:last-child,
fieldset:last-child,
p:last-child {
  margin-bottom: 0; }

ul > li,
ol > li,
dt,
dd {
  line-height: 1.75; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0;
  margin-bottom: 1em; }

table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0; }

td,
th {
  padding: 0.5em; }

b,
strong {
  font-weight: bold; }

small {
  font-size: 80%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1; }

h1 > small,
h2 > small,
h3 > small,
h4 > small,
h5 > small,
h6 > small {
  font-size: 75%;
  opacity: 0.75; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

figure {
  margin: 0; }

figcaption {
  font-size: 90%; }

img {
  border: 0;
  border-style: none;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

address {
  font-style: normal; }

hr {
  color: #4d4d4d;
  border: none;
  border-bottom: solid 1px #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 0;
  margin: 1em 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

a,
a:link {
  text-decoration: none;
  color: #4d4d4d;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

a:active,
a:hover {
  outline: 0;
  color: #fa8c16;
  text-decoration: none; }

a:focus {
  text-decoration: none;
  outline: thin dotted;
  outline: 0.5em auto -webkit-focus-ring-color; }

fieldset {
  min-width: 0;
  border: solid 1px #ddd;
  border-radius: 0.25rem;
  padding: 0.5rem 1.5rem 0 1.5rem; }

legend {
  display: block;
  padding: 0 1em;
  margin: 0 1em;
  font-size: 120%;
  line-height: inherit;
  border: 0; }

label {
  display: inline-block;
  max-width: 100%; }

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"],
input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

optgroup {
  font-weight: bold; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  color: #555; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed; }

textarea {
  overflow: auto;
  resize: vertical; }

img, video {
  max-width: 100%;
  height: auto; }

/*flex*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.flex-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-column.flex-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse; }

.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.flex-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.flex-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.flex-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.flex-items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.flex-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.flex-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.flex-self-center {
  -ms-flex-item-align: center;
      align-self: center; }

.flex-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.flex-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline; }

.flex-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.flex-content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.flex-content-center {
  -ms-flex-line-pack: center;
      align-content: center; }

.flex-content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.flex-content-between {
  -ms-flex-line-pack: justify;
      align-content: space-between; }

.flex-content-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around; }

.flex-middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-line-pack: center;
      align-content: center; }

.flex-fill {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1; }

/*grid*/
.grid {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.grid-y {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.grid-xs > .grid {
  margin-left: -0.03125rem;
  margin-right: -0.03125rem; }

.grid-xs,
.grid-xs > .grid > [class*="x"],
.grid-xs > .grid > [class*="y"] {
  padding-left: 0.03125rem;
  padding-right: 0.03125rem; }

.grid-sm > .grid {
  margin-left: -0.25rem;
  margin-right: -0.25rem; }

.grid-sm,
.grid-sm > .grid > [class*="x"],
.grid-sm > .grid > [class*="y"] {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.grid-md > .grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.grid-md,
.grid-md > .grid > [class*="x"],
.grid-md > .grid > [class*="y"] {
  padding: 0.5rem; }

.grid-lg > .grid {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.grid-lg > .grid > [class*="x"],
.grid-lg > .grid > [class*="y"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.grid-xl > .grid {
  margin-left: -0.1rem;
  margin-right: -0.1rem; }

.grid-xl,
.grid-xl > .grid > [class*="x"],
.grid-xl > .grid > [class*="y"] {
  padding-left: 1rem;
  padding-right: 1rem; }

.grid > div > [class*="grid-"] {
  margin: 0; }

.grid-table {
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd; }

.grid-table > [class*="x"]:not(.x100) {
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd; }

.grid-xs,
.grid-sm,
.grid-md,
.grid-lg,
.grid-xl {
  padding-left: 0;
  padding-right: 0; }

.x,
.x0,
.x1,
.x2,
.x20,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12,
.xs-x,
.xs-x0,
.xs-x1,
.xs-x2,
.xs-x20,
.xs-x3,
.xs-x4,
.xs-x5,
.xs-x6,
.xs-x7,
.xs-x8,
.xs-x9,
.xs-x10,
.xs-x11,
.xs-x12,
.sm-x,
.sm-x0,
.sm-x1,
.sm-x2,
.sm-x20,
.sm-x3,
.sm-x4,
.sm-x5,
.sm-x6,
.sm-x7,
.sm-x8,
.sm-x9,
.sm-x10,
.sm-x11,
.sm-x12,
.md-x,
.md-x0,
.md-x1,
.md-x2,
.md-x20,
.md-x3,
.md-x4,
.md-x5,
.md-x6,
.md-x7,
.md-x8,
.md-x9,
.md-x10,
.md-x11,
.md-x12,
.lg-x,
.lg-x0,
.lg-x1,
.lg-x2,
.lg-x20,
.lg-x3,
.lg-x4,
.lg-x5,
.lg-x6,
.lg-x7,
.lg-x8,
.lg-x9,
.lg-x10,
.lg-x11,
.lg-x12,
.xl-x,
.xl-x0,
.xl-x1,
.xl-x2,
.xl-x20,
.xl-x3,
.xl-x4,
.xl-x5,
.xl-x6,
.xl-x7,
.xl-x8,
.xl-x9,
.xl-x10,
.xl-x11,
.xl-x12 {
  position: relative;
  width: 100%; }

.x {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%; }

.x0,
.xs-x0,
.sm-x0,
.md-x0,
.lg-x0,
.xl-x0 {
  max-width: 100%; }

.x0 {
  width: auto; }

.x1 {
  width: 8.33333333%; }

.x2 {
  width: 16.66666667%; }

.x20 {
  width: 20%; }

.x3 {
  width: 25%; }

.x4 {
  width: 33.33333333%; }

.x5 {
  width: 41.66666667%; }

.x6 {
  width: 50%; }

.x7 {
  width: 58.33333333%; }

.x8 {
  width: 66.66666667%; }

.x9 {
  width: 75%; }

.x10 {
  width: 83.33333333%; }

.x11 {
  width: 91.66666667%; }

.x12 {
  width: 100%; }

.y,
.y1,
.y2,
.y20,
.y3,
.y4,
.y5,
.y6,
.y7,
.y8,
.y9,
.y10,
.y11,
.y12 {
  position: relative;
  max-height: 100%; }

.y {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1; }

.y0 {
  height: auto; }

.y1 {
  height: 8.33333333%; }

.y2 {
  height: 16.66666667%; }

.y20 {
  height: 20%; }

.y3 {
  height: 25%; }

.y4 {
  height: 33.33333333%; }

.y5 {
  height: 41.66666667%; }

.y6 {
  height: 50%; }

.y7 {
  height: 58.33333333%; }

.y8 {
  height: 66.66666667%; }

.y9 {
  height: 75%; }

.y10 {
  height: 83.33333333%; }

.y11 {
  height: 91.66666667%; }

.y12,
.y100 {
  height: 100%; }

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12; }

.order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13; }

.order0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }

.order1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.order2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.order3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.order4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.order5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.order6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

.order7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }

.order8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8; }

.order9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }

.order10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.order11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11; }

.order12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12; }

.order13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13; }

.move0 {
  margin-left: 0; }

.move1 {
  margin-left: 8.33333333%; }

.move2 {
  margin-left: 16.66666667%; }

.move3 {
  margin-left: 25%; }

.move4 {
  margin-left: 33.33333333%; }

.move5 {
  margin-left: 41.66666667%; }

.move6 {
  margin-left: 50%; }

.move7 {
  margin-left: 58.33333333%; }

.move8 {
  margin-left: 66.66666667%; }

.move9 {
  margin-left: 75%; }

.move10 {
  margin-left: 83.33333333%; }

.move11 {
  margin-left: 91.66666667%; }

.row {
  margin: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem; }

.row-xs {
  margin-left: -0.03125rem;
  margin-right: -0.03125rem; }
  .row-xs .col-1, .row-xs .col-2, .row-xs .col-3, .row-xs .col-4, .row-xs .col-5, .row-xs .col-6, .row-xs .col-7, .row-xs .col-8, .row-xs .col-9, .row-xs .col-10, .row-xs .col-11, .row-xs .col-12, .row-xs .col-xs-1, .row-xs .col-xs-2, .row-xs .col-xs-3, .row-xs .col-xs-4, .row-xs .col-xs-5, .row-xs .col-xs-6, .row-xs .col-xs-7, .row-xs .col-xs-8, .row-xs .col-xs-9, .row-xs .col-xs-10, .row-xs .col-xs-11, .row-xs .col-xs-12, .row-xs .col-sm-1, .row-xs .col-sm-2, .row-xs .col-sm-3, .row-xs .col-sm-4, .row-xs .col-sm-5, .row-xs .col-sm-6, .row-xs .col-sm-7, .row-xs .col-sm-8, .row-xs .col-sm-9, .row-xs .col-sm-10, .row-xs .col-sm-11, .row-xs .col-sm-12, .row-xs .col-md-1, .row-xs .col-md-2, .row-xs .col-md-3, .row-xs .col-md-4, .row-xs .col-md-5, .row-xs .col-md-6, .row-xs .col-md-7, .row-xs .col-md-8, .row-xs .col-md-9, .row-xs .col-md-10, .row-xs .col-md-11, .row-xs .col-md-12, .row-xs .col-lg-1, .row-xs .col-lg-2, .row-xs .col-lg-3, .row-xs .col-lg-4, .row-xs .col-lg-5, .row-xs .col-lg-6, .row-xs .col-lg-7, .row-xs .col-lg-8, .row-xs .col-lg-9, .row-xs .col-lg-10, .row-xs .col-lg-11, .row-xs .col-lg-12, .row-xs .col-xl-1, .row-xs .col-xl-2, .row-xs .col-xl-3, .row-xs .col-xl-4, .row-xs .col-xl-5, .row-xs .col-xl-6, .row-xs .col-xl-7, .row-xs .col-xl-8, .row-xs .col-xl-9, .row-xs .col-xl-10, .row-xs .col-xl-11, .row-xs .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.03125rem;
    padding-left: 0.03125rem;
    padding-bottom: 0.0625rem; }

.row-sm {
  margin-left: -0.25rem;
  margin-right: -0.25rem; }
  .row-sm .col-1, .row-sm .col-2, .row-sm .col-3, .row-sm .col-4, .row-sm .col-5, .row-sm .col-6, .row-sm .col-7, .row-sm .col-8, .row-sm .col-9, .row-sm .col-10, .row-sm .col-11, .row-sm .col-12, .row-sm .col-xs-1, .row-sm .col-xs-2, .row-sm .col-xs-3, .row-sm .col-xs-4, .row-sm .col-xs-5, .row-sm .col-xs-6, .row-sm .col-xs-7, .row-sm .col-xs-8, .row-sm .col-xs-9, .row-sm .col-xs-10, .row-sm .col-xs-11, .row-sm .col-xs-12, .row-sm .col-sm-1, .row-sm .col-sm-2, .row-sm .col-sm-3, .row-sm .col-sm-4, .row-sm .col-sm-5, .row-sm .col-sm-6, .row-sm .col-sm-7, .row-sm .col-sm-8, .row-sm .col-sm-9, .row-sm .col-sm-10, .row-sm .col-sm-11, .row-sm .col-sm-12, .row-sm .col-md-1, .row-sm .col-md-2, .row-sm .col-md-3, .row-sm .col-md-4, .row-sm .col-md-5, .row-sm .col-md-6, .row-sm .col-md-7, .row-sm .col-md-8, .row-sm .col-md-9, .row-sm .col-md-10, .row-sm .col-md-11, .row-sm .col-md-12, .row-sm .col-lg-1, .row-sm .col-lg-2, .row-sm .col-lg-3, .row-sm .col-lg-4, .row-sm .col-lg-5, .row-sm .col-lg-6, .row-sm .col-lg-7, .row-sm .col-lg-8, .row-sm .col-lg-9, .row-sm .col-lg-10, .row-sm .col-lg-11, .row-sm .col-lg-12, .row-sm .col-xl-1, .row-sm .col-xl-2, .row-sm .col-xl-3, .row-sm .col-xl-4, .row-sm .col-xl-5, .row-sm .col-xl-6, .row-sm .col-xl-7, .row-sm .col-xl-8, .row-sm .col-xl-9, .row-sm .col-xl-10, .row-sm .col-xl-11, .row-sm .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    padding-bottom: 0.5rem; }

.row-md {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  .row-md .col-1, .row-md .col-2, .row-md .col-3, .row-md .col-4, .row-md .col-5, .row-md .col-6, .row-md .col-7, .row-md .col-8, .row-md .col-9, .row-md .col-10, .row-md .col-11, .row-md .col-12, .row-md .col-xs-1, .row-md .col-xs-2, .row-md .col-xs-3, .row-md .col-xs-4, .row-md .col-xs-5, .row-md .col-xs-6, .row-md .col-xs-7, .row-md .col-xs-8, .row-md .col-xs-9, .row-md .col-xs-10, .row-md .col-xs-11, .row-md .col-xs-12, .row-md .col-sm-1, .row-md .col-sm-2, .row-md .col-sm-3, .row-md .col-sm-4, .row-md .col-sm-5, .row-md .col-sm-6, .row-md .col-sm-7, .row-md .col-sm-8, .row-md .col-sm-9, .row-md .col-sm-10, .row-md .col-sm-11, .row-md .col-sm-12, .row-md .col-md-1, .row-md .col-md-2, .row-md .col-md-3, .row-md .col-md-4, .row-md .col-md-5, .row-md .col-md-6, .row-md .col-md-7, .row-md .col-md-8, .row-md .col-md-9, .row-md .col-md-10, .row-md .col-md-11, .row-md .col-md-12, .row-md .col-lg-1, .row-md .col-lg-2, .row-md .col-lg-3, .row-md .col-lg-4, .row-md .col-lg-5, .row-md .col-lg-6, .row-md .col-lg-7, .row-md .col-lg-8, .row-md .col-lg-9, .row-md .col-lg-10, .row-md .col-lg-11, .row-md .col-lg-12, .row-md .col-xl-1, .row-md .col-xl-2, .row-md .col-xl-3, .row-md .col-xl-4, .row-md .col-xl-5, .row-md .col-xl-6, .row-md .col-xl-7, .row-md .col-xl-8, .row-md .col-xl-9, .row-md .col-xl-10, .row-md .col-xl-11, .row-md .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem; }

.row-lg {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  .row-lg .col-1, .row-lg .col-2, .row-lg .col-3, .row-lg .col-4, .row-lg .col-5, .row-lg .col-6, .row-lg .col-7, .row-lg .col-8, .row-lg .col-9, .row-lg .col-10, .row-lg .col-11, .row-lg .col-12, .row-lg .col-xs-1, .row-lg .col-xs-2, .row-lg .col-xs-3, .row-lg .col-xs-4, .row-lg .col-xs-5, .row-lg .col-xs-6, .row-lg .col-xs-7, .row-lg .col-xs-8, .row-lg .col-xs-9, .row-lg .col-xs-10, .row-lg .col-xs-11, .row-lg .col-xs-12, .row-lg .col-sm-1, .row-lg .col-sm-2, .row-lg .col-sm-3, .row-lg .col-sm-4, .row-lg .col-sm-5, .row-lg .col-sm-6, .row-lg .col-sm-7, .row-lg .col-sm-8, .row-lg .col-sm-9, .row-lg .col-sm-10, .row-lg .col-sm-11, .row-lg .col-sm-12, .row-lg .col-md-1, .row-lg .col-md-2, .row-lg .col-md-3, .row-lg .col-md-4, .row-lg .col-md-5, .row-lg .col-md-6, .row-lg .col-md-7, .row-lg .col-md-8, .row-lg .col-md-9, .row-lg .col-md-10, .row-lg .col-md-11, .row-lg .col-md-12, .row-lg .col-lg-1, .row-lg .col-lg-2, .row-lg .col-lg-3, .row-lg .col-lg-4, .row-lg .col-lg-5, .row-lg .col-lg-6, .row-lg .col-lg-7, .row-lg .col-lg-8, .row-lg .col-lg-9, .row-lg .col-lg-10, .row-lg .col-lg-11, .row-lg .col-lg-12, .row-lg .col-xl-1, .row-lg .col-xl-2, .row-lg .col-xl-3, .row-lg .col-xl-4, .row-lg .col-xl-5, .row-lg .col-xl-6, .row-lg .col-xl-7, .row-lg .col-xl-8, .row-lg .col-xl-9, .row-lg .col-xl-10, .row-lg .col-xl-11, .row-lg .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 1.5rem; }

.row-xl {
  margin-left: -1rem;
  margin-right: -1rem; }
  .row-xl .col-1, .row-xl .col-2, .row-xl .col-3, .row-xl .col-4, .row-xl .col-5, .row-xl .col-6, .row-xl .col-7, .row-xl .col-8, .row-xl .col-9, .row-xl .col-10, .row-xl .col-11, .row-xl .col-12, .row-xl .col-xs-1, .row-xl .col-xs-2, .row-xl .col-xs-3, .row-xl .col-xs-4, .row-xl .col-xs-5, .row-xl .col-xs-6, .row-xl .col-xs-7, .row-xl .col-xs-8, .row-xl .col-xs-9, .row-xl .col-xs-10, .row-xl .col-xs-11, .row-xl .col-xs-12, .row-xl .col-sm-1, .row-xl .col-sm-2, .row-xl .col-sm-3, .row-xl .col-sm-4, .row-xl .col-sm-5, .row-xl .col-sm-6, .row-xl .col-sm-7, .row-xl .col-sm-8, .row-xl .col-sm-9, .row-xl .col-sm-10, .row-xl .col-sm-11, .row-xl .col-sm-12, .row-xl .col-md-1, .row-xl .col-md-2, .row-xl .col-md-3, .row-xl .col-md-4, .row-xl .col-md-5, .row-xl .col-md-6, .row-xl .col-md-7, .row-xl .col-md-8, .row-xl .col-md-9, .row-xl .col-md-10, .row-xl .col-md-11, .row-xl .col-md-12, .row-xl .col-lg-1, .row-xl .col-lg-2, .row-xl .col-lg-3, .row-xl .col-lg-4, .row-xl .col-lg-5, .row-xl .col-lg-6, .row-xl .col-lg-7, .row-xl .col-lg-8, .row-xl .col-lg-9, .row-xl .col-lg-10, .row-xl .col-lg-11, .row-xl .col-lg-12, .row-xl .col-xl-1, .row-xl .col-xl-2, .row-xl .col-xl-3, .row-xl .col-xl-4, .row-xl .col-xl-5, .row-xl .col-xl-6, .row-xl .col-xl-7, .row-xl .col-xl-8, .row-xl .col-xl-9, .row-xl .col-xl-10, .row-xl .col-xl-11, .row-xl .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 2rem; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left; }

.col-1 {
  width: 8.33333333%; }

.col-2 {
  width: 16.66666667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333333%; }

.col-5 {
  width: 41.66666667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333333%; }

.col-8 {
  width: 66.66666667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333333%; }

.col-11 {
  width: 91.66666667%; }

.col-12 {
  width: 100%; }

.col-0-left {
  left: 0; }

.col-1-left {
  left: 8.33333333%; }

.col-2-left {
  left: 16.66666667%; }

.col-3-left {
  left: 25%; }

.col-4-left {
  left: 33.33333333%; }

.col-5-left {
  left: 41.66666667%; }

.col-6-left {
  left: 50%; }

.col-7-left {
  left: 58.33333333%; }

.col-8-left {
  left: 66.66666667%; }

.col-9-left {
  left: 75%; }

.col-10-left {
  left: 83.33333333%; }

.col-11-left {
  left: 91.66666667%; }

.col-12-left {
  left: 100%; }

.col-0-right {
  right: 0; }

.col-1-right {
  right: 8.33333333%; }

.col-2-right {
  right: 16.66666667%; }

.col-3-right {
  right: 25%; }

.col-4-right {
  right: 33.33333333%; }

.col-5-right {
  right: 41.66666667%; }

.col-6-right {
  right: 50%; }

.col-7-right {
  right: 58.33333333%; }

.col-8-right {
  right: 66.66666667%; }

.col-9-right {
  right: 75%; }

.col-10-right {
  right: 83.33333333%; }

.col-11-right {
  right: 91.66666667%; }

.col-12-right {
  right: 100%; }

.col-0-move {
  margin-left: 0; }

.col-1-move {
  margin-left: 8.33333333%; }

.col-2-move {
  margin-left: 16.66666667%; }

.col-3-move {
  margin-left: 25%; }

.col-4-move {
  margin-left: 33.33333333%; }

.col-5-move {
  margin-left: 41.66666667%; }

.col-6-move {
  margin-left: 50%; }

.col-7-move {
  margin-left: 58.33333333%; }

.col-8-move {
  margin-left: 66.66666667%; }

.col-9-move {
  margin-left: 75%; }

.col-10-move {
  margin-left: 83.33333333%; }

.col-11-move {
  margin-left: 91.66666667%; }

.col-12-move {
  margin-left: 100%; }

@media (min-width: 572px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left; }
  .col-xs-1 {
    width: 8.33333333%; }
  .col-xs-2 {
    width: 16.66666667%; }
  .col-xs-3 {
    width: 25%; }
  .col-xs-4 {
    width: 33.33333333%; }
  .col-xs-5 {
    width: 41.66666667%; }
  .col-xs-6 {
    width: 50%; }
  .col-xs-7 {
    width: 58.33333333%; }
  .col-xs-8 {
    width: 66.66666667%; }
  .col-xs-9 {
    width: 75%; }
  .col-xs-10 {
    width: 83.33333333%; }
  .col-xs-11 {
    width: 91.66666667%; }
  .col-xs-12 {
    width: 100%; }
  .col-xs-0-left {
    left: 0; }
  .col-xs-1-left {
    left: 8.33333333%; }
  .col-xs-2-left {
    left: 16.66666667%; }
  .col-xs-3-left {
    left: 25%; }
  .col-xs-4-left {
    left: 33.33333333%; }
  .col-xs-5-left {
    left: 41.66666667%; }
  .col-xs-6-left {
    left: 50%; }
  .col-xs-7-left {
    left: 58.33333333%; }
  .col-xs-8-left {
    left: 66.66666667%; }
  .col-xs-9-left {
    left: 75%; }
  .col-xs-10-left {
    left: 83.33333333%; }
  .col-xs-11-left {
    left: 91.66666667%; }
  .col-xs-12-left {
    left: 100%; }
  .col-xs-0-right {
    right: 0; }
  .col-xs-1-right {
    right: 8.33333333%; }
  .col-xs-2-right {
    right: 16.66666667%; }
  .col-xs-3-right {
    right: 25%; }
  .col-xs-4-right {
    right: 33.33333333%; }
  .col-xs-5-right {
    right: 41.66666667%; }
  .col-xs-6-right {
    right: 50%; }
  .col-xs-7-right {
    right: 58.33333333%; }
  .col-xs-8-right {
    right: 66.66666667%; }
  .col-xs-9-right {
    right: 75%; }
  .col-xs-10-right {
    right: 83.33333333%; }
  .col-xs-11-right {
    right: 91.66666667%; }
  .col-xs-12-right {
    right: 100%; }
  .col-xs-0-move {
    margin-left: 0; }
  .col-xs-1-move {
    margin-left: 8.33333333%; }
  .col-xs-2-move {
    margin-left: 16.66666667%; }
  .col-xs-3-move {
    margin-left: 25%; }
  .col-xs-4-move {
    margin-left: 33.33333333%; }
  .col-xs-5-move {
    margin-left: 41.66666667%; }
  .col-xs-6-move {
    margin-left: 50%; }
  .col-xs-7-move {
    margin-left: 58.33333333%; }
  .col-xs-8-move {
    margin-left: 66.66666667%; }
  .col-xs-9-move {
    margin-left: 75%; }
  .col-xs-10-move {
    margin-left: 83.33333333%; }
  .col-xs-11-move {
    margin-left: 91.66666667%; }
  .col-xs-12-move {
    margin-left: 100%; } }

@media (min-width: 762px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-0-left {
    left: 0; }
  .col-sm-1-left {
    left: 8.33333333%; }
  .col-sm-2-left {
    left: 16.66666667%; }
  .col-sm-3-left {
    left: 25%; }
  .col-sm-4-left {
    left: 33.33333333%; }
  .col-sm-5-left {
    left: 41.66666667%; }
  .col-sm-6-left {
    left: 50%; }
  .col-sm-7-left {
    left: 58.33333333%; }
  .col-sm-8-left {
    left: 66.66666667%; }
  .col-sm-9-left {
    left: 75%; }
  .col-sm-10-left {
    left: 83.33333333%; }
  .col-sm-11-left {
    left: 91.66666667%; }
  .col-sm-12-left {
    left: 100%; }
  .col-sm-0-right {
    right: 0; }
  .col-sm-1-right {
    right: 8.33333333%; }
  .col-sm-2-right {
    right: 16.66666667%; }
  .col-sm-3-right {
    right: 25%; }
  .col-sm-4-right {
    right: 33.33333333%; }
  .col-sm-5-right {
    right: 41.66666667%; }
  .col-sm-6-right {
    right: 50%; }
  .col-sm-7-right {
    right: 58.33333333%; }
  .col-sm-8-right {
    right: 66.66666667%; }
  .col-sm-9-right {
    right: 75%; }
  .col-sm-10-right {
    right: 83.33333333%; }
  .col-sm-11-right {
    right: 91.66666667%; }
  .col-sm-12-right {
    right: 100%; }
  .col-sm-0-move {
    margin-left: 0; }
  .col-sm-1-move {
    margin-left: 8.33333333%; }
  .col-sm-2-move {
    margin-left: 16.66666667%; }
  .col-sm-3-move {
    margin-left: 25%; }
  .col-sm-4-move {
    margin-left: 33.33333333%; }
  .col-sm-5-move {
    margin-left: 41.66666667%; }
  .col-sm-6-move {
    margin-left: 50%; }
  .col-sm-7-move {
    margin-left: 58.33333333%; }
  .col-sm-8-move {
    margin-left: 66.66666667%; }
  .col-sm-9-move {
    margin-left: 75%; }
  .col-sm-10-move {
    margin-left: 83.33333333%; }
  .col-sm-11-move {
    margin-left: 91.66666667%; }
  .col-sm-12-move {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-0-left {
    left: 0; }
  .col-md-1-left {
    left: 8.33333333%; }
  .col-md-2-left {
    left: 16.66666667%; }
  .col-md-3-left {
    left: 25%; }
  .col-md-4-left {
    left: 33.33333333%; }
  .col-md-5-left {
    left: 41.66666667%; }
  .col-md-6-left {
    left: 50%; }
  .col-md-7-left {
    left: 58.33333333%; }
  .col-md-8-left {
    left: 66.66666667%; }
  .col-md-9-left {
    left: 75%; }
  .col-md-10-left {
    left: 83.33333333%; }
  .col-md-11-left {
    left: 91.66666667%; }
  .col-md-12-left {
    left: 100%; }
  .col-md-0-right {
    right: 0; }
  .col-md-1-right {
    right: 8.33333333%; }
  .col-md-2-right {
    right: 16.66666667%; }
  .col-md-3-right {
    right: 25%; }
  .col-md-4-right {
    right: 33.33333333%; }
  .col-md-5-right {
    right: 41.66666667%; }
  .col-md-6-right {
    right: 50%; }
  .col-md-7-right {
    right: 58.33333333%; }
  .col-md-8-right {
    right: 66.66666667%; }
  .col-md-9-right {
    right: 75%; }
  .col-md-10-right {
    right: 83.33333333%; }
  .col-md-11-right {
    right: 91.66666667%; }
  .col-md-12-right {
    right: 100%; }
  .col-md-0-move {
    margin-left: 0; }
  .col-md-1-move {
    margin-left: 8.33333333%; }
  .col-md-2-move {
    margin-left: 16.66666667%; }
  .col-md-3-move {
    margin-left: 25%; }
  .col-md-4-move {
    margin-left: 33.33333333%; }
  .col-md-5-move {
    margin-left: 41.66666667%; }
  .col-md-6-move {
    margin-left: 50%; }
  .col-md-7-move {
    margin-left: 58.33333333%; }
  .col-md-8-move {
    margin-left: 66.66666667%; }
  .col-md-9-move {
    margin-left: 75%; }
  .col-md-10-move {
    margin-left: 83.33333333%; }
  .col-md-11-move {
    margin-left: 91.66666667%; }
  .col-md-12-move {
    margin-left: 100%; } }

@media (min-width: 1232px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-0-left {
    left: 0; }
  .col-lg-1-left {
    left: 8.33333333%; }
  .col-lg-2-left {
    left: 16.66666667%; }
  .col-lg-3-left {
    left: 25%; }
  .col-lg-4-left {
    left: 33.33333333%; }
  .col-lg-5-left {
    left: 41.66666667%; }
  .col-lg-6-left {
    left: 50%; }
  .col-lg-7-left {
    left: 58.33333333%; }
  .col-lg-8-left {
    left: 66.66666667%; }
  .col-lg-9-left {
    left: 75%; }
  .col-lg-10-left {
    left: 83.33333333%; }
  .col-lg-11-left {
    left: 91.66666667%; }
  .col-lg-12-left {
    left: 100%; }
  .col-lg-0-right {
    right: 0; }
  .col-lg-1-right {
    right: 8.33333333%; }
  .col-lg-2-right {
    right: 16.66666667%; }
  .col-lg-3-right {
    right: 25%; }
  .col-lg-4-right {
    right: 33.33333333%; }
  .col-lg-5-right {
    right: 41.66666667%; }
  .col-lg-6-right {
    right: 50%; }
  .col-lg-7-right {
    right: 58.33333333%; }
  .col-lg-8-right {
    right: 66.66666667%; }
  .col-lg-9-right {
    right: 75%; }
  .col-lg-10-right {
    right: 83.33333333%; }
  .col-lg-11-right {
    right: 91.66666667%; }
  .col-lg-12-right {
    right: 100%; }
  .col-lg-0-move {
    margin-left: 0; }
  .col-lg-1-move {
    margin-left: 8.33333333%; }
  .col-lg-2-move {
    margin-left: 16.66666667%; }
  .col-lg-3-move {
    margin-left: 25%; }
  .col-lg-4-move {
    margin-left: 33.33333333%; }
  .col-lg-5-move {
    margin-left: 41.66666667%; }
  .col-lg-6-move {
    margin-left: 50%; }
  .col-lg-7-move {
    margin-left: 58.33333333%; }
  .col-lg-8-move {
    margin-left: 66.66666667%; }
  .col-lg-9-move {
    margin-left: 75%; }
  .col-lg-10-move {
    margin-left: 83.33333333%; }
  .col-lg-11-move {
    margin-left: 91.66666667%; }
  .col-lg-12-move {
    margin-left: 100%; } }

@media (min-width: 1632px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-1 {
    width: 8.33333333%; }
  .col-xl-2 {
    width: 16.66666667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333333%; }
  .col-xl-5 {
    width: 41.66666667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333333%; }
  .col-xl-8 {
    width: 66.66666667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333333%; }
  .col-xl-11 {
    width: 91.66666667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-0-left {
    left: 0; }
  .col-xl-1-left {
    left: 8.33333333%; }
  .col-xl-2-left {
    left: 16.66666667%; }
  .col-xl-3-left {
    left: 25%; }
  .col-xl-4-left {
    left: 33.33333333%; }
  .col-xl-5-left {
    left: 41.66666667%; }
  .col-xl-6-left {
    left: 50%; }
  .col-xl-7-left {
    left: 58.33333333%; }
  .col-xl-8-left {
    left: 66.66666667%; }
  .col-xl-9-left {
    left: 75%; }
  .col-xl-10-left {
    left: 83.33333333%; }
  .col-xl-11-left {
    left: 91.66666667%; }
  .col-xl-12-left {
    left: 100%; }
  .col-xl-0-right {
    right: 0; }
  .col-xl-1-right {
    right: 8.33333333%; }
  .col-xl-2-right {
    right: 16.66666667%; }
  .col-xl-3-right {
    right: 25%; }
  .col-xl-4-right {
    right: 33.33333333%; }
  .col-xl-5-right {
    right: 41.66666667%; }
  .col-xl-6-right {
    right: 50%; }
  .col-xl-7-right {
    right: 58.33333333%; }
  .col-xl-8-right {
    right: 66.66666667%; }
  .col-xl-9-right {
    right: 75%; }
  .col-xl-10-right {
    right: 83.33333333%; }
  .col-xl-11-right {
    right: 91.66666667%; }
  .col-xl-12-right {
    right: 100%; }
  .col-xl-0-move {
    margin-left: 0; }
  .col-xl-1-move {
    margin-left: 8.33333333%; }
  .col-xl-2-move {
    margin-left: 16.66666667%; }
  .col-xl-3-move {
    margin-left: 25%; }
  .col-xl-4-move {
    margin-left: 33.33333333%; }
  .col-xl-5-move {
    margin-left: 41.66666667%; }
  .col-xl-6-move {
    margin-left: 50%; }
  .col-xl-7-move {
    margin-left: 58.33333333%; }
  .col-xl-8-move {
    margin-left: 66.66666667%; }
  .col-xl-9-move {
    margin-left: 75%; }
  .col-xl-10-move {
    margin-left: 83.33333333%; }
  .col-xl-11-move {
    margin-left: 91.66666667%; }
  .col-xl-12-move {
    margin-left: 100%; } }

.w-0 {
  width: 0px; }

.w-1 {
  width: 0.25rem; }

.w-2 {
  width: 0.5rem; }

.w-3 {
  width: 0.75rem; }

.w-4 {
  width: 1rem; }

.w-5 {
  width: 1.25rem; }

.w-6 {
  width: 1.5rem; }

.w-7 {
  width: 1.75rem; }

.w-8 {
  width: 2rem; }

.w-9 {
  width: 2.25rem; }

.w-10 {
  width: 2.5rem; }

.w-11 {
  width: 2.75rem; }

.w-12 {
  width: 3rem; }

.w-14 {
  width: 3.5rem; }

.w-16 {
  width: 4rem; }

.w-20 {
  width: 5rem; }

.w-24 {
  width: 6rem; }

.w-28 {
  width: 7rem; }

.w-32 {
  width: 8rem; }

.w-36 {
  width: 9rem; }

.w-40 {
  width: 10rem; }

.w-44 {
  width: 11rem; }

.w-48 {
  width: 12rem; }

.w-52 {
  width: 13rem; }

.w-56 {
  width: 14rem; }

.w-60 {
  width: 15rem; }

.w-64 {
  width: 16rem; }

.w-72 {
  width: 18rem; }

.w-80 {
  width: 20rem; }

.w-96 {
  width: 24rem; }

.w-auto {
  width: auto; }

.w-px {
  width: 1px; }

.w-0\.5 {
  width: 0.125rem; }

.w-1\.5 {
  width: 0.375rem; }

.w-2\.5 {
  width: 0.625rem; }

.w-3\.5 {
  width: 0.875rem; }

.w-1\/2 {
  width: 50%; }

.w-1\/3 {
  width: 33.333333%; }

.w-2\/3 {
  width: 66.666667%; }

.w-1\/4 {
  width: 25%; }

.w-2\/4 {
  width: 50%; }

.w-3\/4 {
  width: 75%; }

.w-1\/5 {
  width: 20%; }

.w-2\/5 {
  width: 40%; }

.w-3\/5 {
  width: 60%; }

.w-4\/5 {
  width: 80%; }

.w-1\/6 {
  width: 16.666667%; }

.w-2\/6 {
  width: 33.333333%; }

.w-3\/6 {
  width: 50%; }

.w-4\/6 {
  width: 66.666667%; }

.w-5\/6 {
  width: 83.333333%; }

.w-1\/12 {
  width: 8.333333%; }

.w-2\/12 {
  width: 16.666667%; }

.w-3\/12 {
  width: 25%; }

.w-4\/12 {
  width: 33.333333%; }

.w-5\/12 {
  width: 41.666667%; }

.w-6\/12 {
  width: 50%; }

.w-7\/12 {
  width: 58.333333%; }

.w-8\/12 {
  width: 66.666667%; }

.w-9\/12 {
  width: 75%; }

.w-10\/12 {
  width: 83.333333%; }

.w-11\/12 {
  width: 91.666667%; }

.w-full {
  width: 100%; }

.w-screen {
  width: 100vw; }

.w-min {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content; }

.w-max {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.max-h-0 {
  max-height: 0px; }

.max-h-1 {
  max-height: 0.25rem; }

.max-h-2 {
  max-height: 0.5rem; }

.max-h-3 {
  max-height: 0.75rem; }

.max-h-4 {
  max-height: 1rem; }

.max-h-5 {
  max-height: 1.25rem; }

.max-h-6 {
  max-height: 1.5rem; }

.max-h-7 {
  max-height: 1.75rem; }

.max-h-8 {
  max-height: 2rem; }

.max-h-9 {
  max-height: 2.25rem; }

.max-h-10 {
  max-height: 2.5rem; }

.max-h-11 {
  max-height: 2.75rem; }

.max-h-12 {
  max-height: 3rem; }

.max-h-14 {
  max-height: 3.5rem; }

.max-h-16 {
  max-height: 4rem; }

.max-h-20 {
  max-height: 5rem; }

.max-h-24 {
  max-height: 6rem; }

.max-h-28 {
  max-height: 7rem; }

.max-h-32 {
  max-height: 8rem; }

.max-h-36 {
  max-height: 9rem; }

.max-h-40 {
  max-height: 10rem; }

.max-h-44 {
  max-height: 11rem; }

.max-h-48 {
  max-height: 12rem; }

.max-h-52 {
  max-height: 13rem; }

.max-h-56 {
  max-height: 14rem; }

.max-h-60 {
  max-height: 15rem; }

.max-h-64 {
  max-height: 16rem; }

.max-h-72 {
  max-height: 18rem; }

.max-h-80 {
  max-height: 20rem; }

.max-h-96 {
  max-height: 24rem; }

.max-h-px {
  max-height: 1px; }

.max-h-0\.5 {
  max-height: 0.125rem; }

.max-h-1\.5 {
  max-height: 0.375rem; }

.max-h-2\.5 {
  max-height: 0.625rem; }

.max-h-3\.5 {
  max-height: 0.875rem; }

.max-h-full {
  max-height: 100%; }

.max-h-screen {
  max-height: 100vh; }

.max-w-0 {
  max-width: 0rem; }

.max-w-none {
  max-width: none; }

.max-w-xs {
  max-width: 20rem; }

.max-w-sm {
  max-width: 24rem; }

.max-w-md {
  max-width: 28rem; }

.max-w-lg {
  max-width: 32rem; }

.max-w-xl {
  max-width: 36rem; }

.max-w-2xl {
  max-width: 42rem; }

.max-w-3xl {
  max-width: 48rem; }

.max-w-4xl {
  max-width: 56rem; }

.max-w-5xl {
  max-width: 64rem; }

.max-w-6xl {
  max-width: 72rem; }

.max-w-7xl {
  max-width: 80rem; }

.max-w-full {
  max-width: 100%; }

.max-w-min {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content; }

.max-w-max {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }

.max-w-prose {
  max-width: 65ch; }

.max-w-screen-sm {
  max-width: 640px; }

.max-w-screen-md {
  max-width: 768px; }

.max-w-screen-lg {
  max-width: 1024px; }

.max-w-screen-xl {
  max-width: 1280px; }

.max-w-screen-2xl {
  max-width: 1536px; }

.min-h-0 {
  min-height: 0px; }

.min-h-full {
  min-height: 100%; }

.min-h-screen {
  min-height: 100vh; }

.min-w-0 {
  min-width: 0px; }

.min-w-full {
  min-width: 100%; }

.min-w-min {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content; }

.min-w-max {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content; }

.h-0 {
  height: 0px; }

.h-1 {
  height: 0.25rem; }

.h-2 {
  height: 0.5rem; }

.h-3 {
  height: 0.75rem; }

.h-4 {
  height: 1rem; }

.h-5 {
  height: 1.25rem; }

.h-6 {
  height: 1.5rem; }

.h-7 {
  height: 1.75rem; }

.h-8 {
  height: 2rem; }

.h-9 {
  height: 2.25rem; }

.h-10 {
  height: 2.5rem; }

.h-11 {
  height: 2.75rem; }

.h-12 {
  height: 3rem; }

.h-14 {
  height: 3.5rem; }

.h-16 {
  height: 4rem; }

.h-20 {
  height: 5rem; }

.h-24 {
  height: 6rem; }

.h-28 {
  height: 7rem; }

.h-32 {
  height: 8rem; }

.h-36 {
  height: 9rem; }

.h-40 {
  height: 10rem; }

.h-44 {
  height: 11rem; }

.h-48 {
  height: 12rem; }

.h-52 {
  height: 13rem; }

.h-56 {
  height: 14rem; }

.h-60 {
  height: 15rem; }

.h-64 {
  height: 16rem; }

.h-72 {
  height: 18rem; }

.h-80 {
  height: 20rem; }

.h-96 {
  height: 24rem; }

.h-auto {
  height: auto; }

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }

.inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem; }

.inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem; }

.inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem; }

.inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem; }

.inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem; }

.inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem; }

.inset-7 {
  top: 1.75rem;
  right: 1.75rem;
  bottom: 1.75rem;
  left: 1.75rem; }

.inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem; }

.inset-9 {
  top: 2.25rem;
  right: 2.25rem;
  bottom: 2.25rem;
  left: 2.25rem; }

.inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem; }

.inset-11 {
  top: 2.75rem;
  right: 2.75rem;
  bottom: 2.75rem;
  left: 2.75rem; }

.inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem; }

.inset-14 {
  top: 3.5rem;
  right: 3.5rem;
  bottom: 3.5rem;
  left: 3.5rem; }

.inset-16 {
  top: 4rem;
  right: 4rem;
  bottom: 4rem;
  left: 4rem; }

.inset-20 {
  top: 5rem;
  right: 5rem;
  bottom: 5rem;
  left: 5rem; }

.inset-24 {
  top: 6rem;
  right: 6rem;
  bottom: 6rem;
  left: 6rem; }

.inset-28 {
  top: 7rem;
  right: 7rem;
  bottom: 7rem;
  left: 7rem; }

.inset-32 {
  top: 8rem;
  right: 8rem;
  bottom: 8rem;
  left: 8rem; }

.inset-36 {
  top: 9rem;
  right: 9rem;
  bottom: 9rem;
  left: 9rem; }

.inset-40 {
  top: 10rem;
  right: 10rem;
  bottom: 10rem;
  left: 10rem; }

.inset-44 {
  top: 11rem;
  right: 11rem;
  bottom: 11rem;
  left: 11rem; }

.inset-48 {
  top: 12rem;
  right: 12rem;
  bottom: 12rem;
  left: 12rem; }

.inset-52 {
  top: 13rem;
  right: 13rem;
  bottom: 13rem;
  left: 13rem; }

.inset-56 {
  top: 14rem;
  right: 14rem;
  bottom: 14rem;
  left: 14rem; }

.inset-60 {
  top: 15rem;
  right: 15rem;
  bottom: 15rem;
  left: 15rem; }

.inset-64 {
  top: 16rem;
  right: 16rem;
  bottom: 16rem;
  left: 16rem; }

.inset-72 {
  top: 18rem;
  right: 18rem;
  bottom: 18rem;
  left: 18rem; }

.inset-80 {
  top: 20rem;
  right: 20rem;
  bottom: 20rem;
  left: 20rem; }

.inset-96 {
  top: 24rem;
  right: 24rem;
  bottom: 24rem;
  left: 24rem; }

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto; }

.inset-px {
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px; }

.inset-0\.5 {
  top: 0.125rem;
  right: 0.125rem;
  bottom: 0.125rem;
  left: 0.125rem; }

.inset-1\.5 {
  top: 0.375rem;
  right: 0.375rem;
  bottom: 0.375rem;
  left: 0.375rem; }

.inset-2\.5 {
  top: 0.625rem;
  right: 0.625rem;
  bottom: 0.625rem;
  left: 0.625rem; }

.inset-3\.5 {
  top: 0.875rem;
  right: 0.875rem;
  bottom: 0.875rem;
  left: 0.875rem; }

.-inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }

.-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem; }

.-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem; }

.-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem; }

.-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem; }

.-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem; }

.-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem; }

.-inset-7 {
  top: -1.75rem;
  right: -1.75rem;
  bottom: -1.75rem;
  left: -1.75rem; }

.-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem; }

.-inset-9 {
  top: -2.25rem;
  right: -2.25rem;
  bottom: -2.25rem;
  left: -2.25rem; }

.-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem; }

.-inset-11 {
  top: -2.75rem;
  right: -2.75rem;
  bottom: -2.75rem;
  left: -2.75rem; }

.-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem; }

.-inset-14 {
  top: -3.5rem;
  right: -3.5rem;
  bottom: -3.5rem;
  left: -3.5rem; }

.-inset-16 {
  top: -4rem;
  right: -4rem;
  bottom: -4rem;
  left: -4rem; }

.-inset-20 {
  top: -5rem;
  right: -5rem;
  bottom: -5rem;
  left: -5rem; }

.-inset-24 {
  top: -6rem;
  right: -6rem;
  bottom: -6rem;
  left: -6rem; }

.-inset-28 {
  top: -7rem;
  right: -7rem;
  bottom: -7rem;
  left: -7rem; }

.-inset-32 {
  top: -8rem;
  right: -8rem;
  bottom: -8rem;
  left: -8rem; }

.-inset-36 {
  top: -9rem;
  right: -9rem;
  bottom: -9rem;
  left: -9rem; }

.-inset-40 {
  top: -10rem;
  right: -10rem;
  bottom: -10rem;
  left: -10rem; }

.-inset-44 {
  top: -11rem;
  right: -11rem;
  bottom: -11rem;
  left: -11rem; }

.-inset-48 {
  top: -12rem;
  right: -12rem;
  bottom: -12rem;
  left: -12rem; }

.-inset-52 {
  top: -13rem;
  right: -13rem;
  bottom: -13rem;
  left: -13rem; }

.-inset-56 {
  top: -14rem;
  right: -14rem;
  bottom: -14rem;
  left: -14rem; }

.-inset-60 {
  top: -15rem;
  right: -15rem;
  bottom: -15rem;
  left: -15rem; }

.-inset-64 {
  top: -16rem;
  right: -16rem;
  bottom: -16rem;
  left: -16rem; }

.-inset-72 {
  top: -18rem;
  right: -18rem;
  bottom: -18rem;
  left: -18rem; }

.-inset-80 {
  top: -20rem;
  right: -20rem;
  bottom: -20rem;
  left: -20rem; }

.-inset-96 {
  top: -24rem;
  right: -24rem;
  bottom: -24rem;
  left: -24rem; }

.-inset-px {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px; }

.-inset-0\.5 {
  top: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  left: -0.125rem; }

.-inset-1\.5 {
  top: -0.375rem;
  right: -0.375rem;
  bottom: -0.375rem;
  left: -0.375rem; }

.-inset-2\.5 {
  top: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  left: -0.625rem; }

.-inset-3\.5 {
  top: -0.875rem;
  right: -0.875rem;
  bottom: -0.875rem;
  left: -0.875rem; }

.inset-1\/2 {
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%; }

.inset-1\/3 {
  top: 33.333333%;
  right: 33.333333%;
  bottom: 33.333333%;
  left: 33.333333%; }

.inset-2\/3 {
  top: 66.666667%;
  right: 66.666667%;
  bottom: 66.666667%;
  left: 66.666667%; }

.inset-1\/4 {
  top: 25%;
  right: 25%;
  bottom: 25%;
  left: 25%; }

.inset-2\/4 {
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%; }

.inset-3\/4 {
  top: 75%;
  right: 75%;
  bottom: 75%;
  left: 75%; }

.inset-full {
  top: 100%;
  right: 100%;
  bottom: 100%;
  left: 100%; }

.-inset-1\/2 {
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%; }

.-inset-1\/3 {
  top: -33.333333%;
  right: -33.333333%;
  bottom: -33.333333%;
  left: -33.333333%; }

.-inset-2\/3 {
  top: -66.666667%;
  right: -66.666667%;
  bottom: -66.666667%;
  left: -66.666667%; }

.-inset-1\/4 {
  top: -25%;
  right: -25%;
  bottom: -25%;
  left: -25%; }

.-inset-2\/4 {
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%; }

.-inset-3\/4 {
  top: -75%;
  right: -75%;
  bottom: -75%;
  left: -75%; }

.-inset-full {
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%; }

.inset-y-0 {
  top: 0px;
  bottom: 0px; }

.inset-x-0 {
  right: 0px;
  left: 0px; }

.inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem; }

.inset-x-1 {
  right: 0.25rem;
  left: 0.25rem; }

.inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem; }

.inset-x-2 {
  right: 0.5rem;
  left: 0.5rem; }

.inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem; }

.inset-x-3 {
  right: 0.75rem;
  left: 0.75rem; }

.inset-y-4 {
  top: 1rem;
  bottom: 1rem; }

.inset-x-4 {
  right: 1rem;
  left: 1rem; }

.inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem; }

.inset-x-5 {
  right: 1.25rem;
  left: 1.25rem; }

.inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem; }

.inset-x-6 {
  right: 1.5rem;
  left: 1.5rem; }

.inset-y-7 {
  top: 1.75rem;
  bottom: 1.75rem; }

.inset-x-7 {
  right: 1.75rem;
  left: 1.75rem; }

.inset-y-8 {
  top: 2rem;
  bottom: 2rem; }

.inset-x-8 {
  right: 2rem;
  left: 2rem; }

.inset-y-9 {
  top: 2.25rem;
  bottom: 2.25rem; }

.inset-x-9 {
  right: 2.25rem;
  left: 2.25rem; }

.inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem; }

.inset-x-10 {
  right: 2.5rem;
  left: 2.5rem; }

.inset-y-11 {
  top: 2.75rem;
  bottom: 2.75rem; }

.inset-x-11 {
  right: 2.75rem;
  left: 2.75rem; }

.inset-y-12 {
  top: 3rem;
  bottom: 3rem; }

.inset-x-12 {
  right: 3rem;
  left: 3rem; }

.inset-y-14 {
  top: 3.5rem;
  bottom: 3.5rem; }

.inset-x-14 {
  right: 3.5rem;
  left: 3.5rem; }

.inset-y-16 {
  top: 4rem;
  bottom: 4rem; }

.inset-x-16 {
  right: 4rem;
  left: 4rem; }

.inset-y-20 {
  top: 5rem;
  bottom: 5rem; }

.inset-x-20 {
  right: 5rem;
  left: 5rem; }

.inset-y-24 {
  top: 6rem;
  bottom: 6rem; }

.inset-x-24 {
  right: 6rem;
  left: 6rem; }

.inset-y-28 {
  top: 7rem;
  bottom: 7rem; }

.inset-x-28 {
  right: 7rem;
  left: 7rem; }

.inset-y-32 {
  top: 8rem;
  bottom: 8rem; }

.inset-x-32 {
  right: 8rem;
  left: 8rem; }

.inset-y-36 {
  top: 9rem;
  bottom: 9rem; }

.inset-x-36 {
  right: 9rem;
  left: 9rem; }

.inset-y-40 {
  top: 10rem;
  bottom: 10rem; }

.inset-x-40 {
  right: 10rem;
  left: 10rem; }

.inset-y-44 {
  top: 11rem;
  bottom: 11rem; }

.inset-x-44 {
  right: 11rem;
  left: 11rem; }

.inset-y-48 {
  top: 12rem;
  bottom: 12rem; }

.inset-x-48 {
  right: 12rem;
  left: 12rem; }

.inset-y-52 {
  top: 13rem;
  bottom: 13rem; }

.inset-x-52 {
  right: 13rem;
  left: 13rem; }

.inset-y-56 {
  top: 14rem;
  bottom: 14rem; }

.inset-x-56 {
  right: 14rem;
  left: 14rem; }

.inset-y-60 {
  top: 15rem;
  bottom: 15rem; }

.inset-x-60 {
  right: 15rem;
  left: 15rem; }

.inset-y-64 {
  top: 16rem;
  bottom: 16rem; }

.inset-x-64 {
  right: 16rem;
  left: 16rem; }

.inset-y-72 {
  top: 18rem;
  bottom: 18rem; }

.inset-x-72 {
  right: 18rem;
  left: 18rem; }

.inset-y-80 {
  top: 20rem;
  bottom: 20rem; }

.inset-x-80 {
  right: 20rem;
  left: 20rem; }

.inset-y-96 {
  top: 24rem;
  bottom: 24rem; }

.inset-x-96 {
  right: 24rem;
  left: 24rem; }

.inset-y-auto {
  top: auto;
  bottom: auto; }

.inset-x-auto {
  right: auto;
  left: auto; }

.inset-y-px {
  top: 1px;
  bottom: 1px; }

.inset-x-px {
  right: 1px;
  left: 1px; }

.inset-y-0\.5 {
  top: 0.125rem;
  bottom: 0.125rem; }

.inset-x-0\.5 {
  right: 0.125rem;
  left: 0.125rem; }

.inset-y-1\.5 {
  top: 0.375rem;
  bottom: 0.375rem; }

.inset-x-1\.5 {
  right: 0.375rem;
  left: 0.375rem; }

.inset-y-2\.5 {
  top: 0.625rem;
  bottom: 0.625rem; }

.inset-x-2\.5 {
  right: 0.625rem;
  left: 0.625rem; }

.inset-y-3\.5 {
  top: 0.875rem;
  bottom: 0.875rem; }

.inset-x-3\.5 {
  right: 0.875rem;
  left: 0.875rem; }

.-inset-y-0 {
  top: 0px;
  bottom: 0px; }

.-inset-x-0 {
  right: 0px;
  left: 0px; }

.-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem; }

.-inset-x-1 {
  right: -0.25rem;
  left: -0.25rem; }

.-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem; }

.-inset-x-2 {
  right: -0.5rem;
  left: -0.5rem; }

.-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem; }

.-inset-x-3 {
  right: -0.75rem;
  left: -0.75rem; }

.-inset-y-4 {
  top: -1rem;
  bottom: -1rem; }

.-inset-x-4 {
  right: -1rem;
  left: -1rem; }

.-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem; }

.-inset-x-5 {
  right: -1.25rem;
  left: -1.25rem; }

.-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem; }

.-inset-x-6 {
  right: -1.5rem;
  left: -1.5rem; }

.-inset-y-7 {
  top: -1.75rem;
  bottom: -1.75rem; }

.-inset-x-7 {
  right: -1.75rem;
  left: -1.75rem; }

.-inset-y-8 {
  top: -2rem;
  bottom: -2rem; }

.-inset-x-8 {
  right: -2rem;
  left: -2rem; }

.-inset-y-9 {
  top: -2.25rem;
  bottom: -2.25rem; }

.-inset-x-9 {
  right: -2.25rem;
  left: -2.25rem; }

.-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem; }

.-inset-x-10 {
  right: -2.5rem;
  left: -2.5rem; }

.-inset-y-11 {
  top: -2.75rem;
  bottom: -2.75rem; }

.-inset-x-11 {
  right: -2.75rem;
  left: -2.75rem; }

.-inset-y-12 {
  top: -3rem;
  bottom: -3rem; }

.-inset-x-12 {
  right: -3rem;
  left: -3rem; }

.-inset-y-14 {
  top: -3.5rem;
  bottom: -3.5rem; }

.-inset-x-14 {
  right: -3.5rem;
  left: -3.5rem; }

.-inset-y-16 {
  top: -4rem;
  bottom: -4rem; }

.-inset-x-16 {
  right: -4rem;
  left: -4rem; }

.-inset-y-20 {
  top: -5rem;
  bottom: -5rem; }

.-inset-x-20 {
  right: -5rem;
  left: -5rem; }

.-inset-y-24 {
  top: -6rem;
  bottom: -6rem; }

.-inset-x-24 {
  right: -6rem;
  left: -6rem; }

.-inset-y-28 {
  top: -7rem;
  bottom: -7rem; }

.-inset-x-28 {
  right: -7rem;
  left: -7rem; }

.-inset-y-32 {
  top: -8rem;
  bottom: -8rem; }

.-inset-x-32 {
  right: -8rem;
  left: -8rem; }

.-inset-y-36 {
  top: -9rem;
  bottom: -9rem; }

.-inset-x-36 {
  right: -9rem;
  left: -9rem; }

.-inset-y-40 {
  top: -10rem;
  bottom: -10rem; }

.-inset-x-40 {
  right: -10rem;
  left: -10rem; }

.-inset-y-44 {
  top: -11rem;
  bottom: -11rem; }

.-inset-x-44 {
  right: -11rem;
  left: -11rem; }

.-inset-y-48 {
  top: -12rem;
  bottom: -12rem; }

.-inset-x-48 {
  right: -12rem;
  left: -12rem; }

.-inset-y-52 {
  top: -13rem;
  bottom: -13rem; }

.-inset-x-52 {
  right: -13rem;
  left: -13rem; }

.-inset-y-56 {
  top: -14rem;
  bottom: -14rem; }

.-inset-x-56 {
  right: -14rem;
  left: -14rem; }

.-inset-y-60 {
  top: -15rem;
  bottom: -15rem; }

.-inset-x-60 {
  right: -15rem;
  left: -15rem; }

.-inset-y-64 {
  top: -16rem;
  bottom: -16rem; }

.-inset-x-64 {
  right: -16rem;
  left: -16rem; }

.-inset-y-72 {
  top: -18rem;
  bottom: -18rem; }

.-inset-x-72 {
  right: -18rem;
  left: -18rem; }

.-inset-y-80 {
  top: -20rem;
  bottom: -20rem; }

.-inset-x-80 {
  right: -20rem;
  left: -20rem; }

.-inset-y-96 {
  top: -24rem;
  bottom: -24rem; }

.-inset-x-96 {
  right: -24rem;
  left: -24rem; }

.-inset-y-px {
  top: -1px;
  bottom: -1px; }

.-inset-x-px {
  right: -1px;
  left: -1px; }

.-inset-y-0\.5 {
  top: -0.125rem;
  bottom: -0.125rem; }

.-inset-x-0\.5 {
  right: -0.125rem;
  left: -0.125rem; }

.-inset-y-1\.5 {
  top: -0.375rem;
  bottom: -0.375rem; }

.-inset-x-1\.5 {
  right: -0.375rem;
  left: -0.375rem; }

.-inset-y-2\.5 {
  top: -0.625rem;
  bottom: -0.625rem; }

.-inset-x-2\.5 {
  right: -0.625rem;
  left: -0.625rem; }

.-inset-y-3\.5 {
  top: -0.875rem;
  bottom: -0.875rem; }

.-inset-x-3\.5 {
  right: -0.875rem;
  left: -0.875rem; }

.inset-y-1\/2 {
  top: 50%;
  bottom: 50%; }

.inset-x-1\/2 {
  right: 50%;
  left: 50%; }

.inset-y-1\/3 {
  top: 33.333333%;
  bottom: 33.333333%; }

.inset-x-1\/3 {
  right: 33.333333%;
  left: 33.333333%; }

.inset-y-2\/3 {
  top: 66.666667%;
  bottom: 66.666667%; }

.inset-x-2\/3 {
  right: 66.666667%;
  left: 66.666667%; }

.inset-y-1\/4 {
  top: 25%;
  bottom: 25%; }

.inset-x-1\/4 {
  right: 25%;
  left: 25%; }

.inset-y-2\/4 {
  top: 50%;
  bottom: 50%; }

.inset-x-2\/4 {
  right: 50%;
  left: 50%; }

.inset-y-3\/4 {
  top: 75%;
  bottom: 75%; }

.inset-x-3\/4 {
  right: 75%;
  left: 75%; }

.inset-y-full {
  top: 100%;
  bottom: 100%; }

.inset-x-full {
  right: 100%;
  left: 100%; }

.-inset-y-1\/2 {
  top: -50%;
  bottom: -50%; }

.-inset-x-1\/2 {
  right: -50%;
  left: -50%; }

.-inset-y-1\/3 {
  top: -33.333333%;
  bottom: -33.333333%; }

.-inset-x-1\/3 {
  right: -33.333333%;
  left: -33.333333%; }

.-inset-y-2\/3 {
  top: -66.666667%;
  bottom: -66.666667%; }

.-inset-x-2\/3 {
  right: -66.666667%;
  left: -66.666667%; }

.-inset-y-1\/4 {
  top: -25%;
  bottom: -25%; }

.-inset-x-1\/4 {
  right: -25%;
  left: -25%; }

.-inset-y-2\/4 {
  top: -50%;
  bottom: -50%; }

.-inset-x-2\/4 {
  right: -50%;
  left: -50%; }

.-inset-y-3\/4 {
  top: -75%;
  bottom: -75%; }

.-inset-x-3\/4 {
  right: -75%;
  left: -75%; }

.-inset-y-full {
  top: -100%;
  bottom: -100%; }

.-inset-x-full {
  right: -100%;
  left: -100%; }

.top-0 {
  top: 0px; }

.right-0 {
  right: 0px; }

.bottom-0 {
  bottom: 0px; }

.left-0 {
  left: 0px; }

.top-1 {
  top: 0.25rem; }

.right-1 {
  right: 0.25rem; }

.bottom-1 {
  bottom: 0.25rem; }

.left-1 {
  left: 0.25rem; }

.top-2 {
  top: 0.5rem; }

.right-2 {
  right: 0.5rem; }

.bottom-2 {
  bottom: 0.5rem; }

.left-2 {
  left: 0.5rem; }

.top-3 {
  top: 0.75rem; }

.right-3 {
  right: 0.75rem; }

.bottom-3 {
  bottom: 0.75rem; }

.left-3 {
  left: 0.75rem; }

.top-4 {
  top: 1rem; }

.right-4 {
  right: 1rem; }

.bottom-4 {
  bottom: 1rem; }

.left-4 {
  left: 1rem; }

.top-5 {
  top: 1.25rem; }

.right-5 {
  right: 1.25rem; }

.bottom-5 {
  bottom: 1.25rem; }

.left-5 {
  left: 1.25rem; }

.top-6 {
  top: 1.5rem; }

.right-6 {
  right: 1.5rem; }

.bottom-6 {
  bottom: 1.5rem; }

.left-6 {
  left: 1.5rem; }

.top-7 {
  top: 1.75rem; }

.right-7 {
  right: 1.75rem; }

.bottom-7 {
  bottom: 1.75rem; }

.left-7 {
  left: 1.75rem; }

.top-8 {
  top: 2rem; }

.right-8 {
  right: 2rem; }

.bottom-8 {
  bottom: 2rem; }

.left-8 {
  left: 2rem; }

.top-9 {
  top: 2.25rem; }

.right-9 {
  right: 2.25rem; }

.bottom-9 {
  bottom: 2.25rem; }

.left-9 {
  left: 2.25rem; }

.top-10 {
  top: 2.5rem; }

.right-10 {
  right: 2.5rem; }

.bottom-10 {
  bottom: 2.5rem; }

.left-10 {
  left: 2.5rem; }

.top-11 {
  top: 2.75rem; }

.right-11 {
  right: 2.75rem; }

.bottom-11 {
  bottom: 2.75rem; }

.left-11 {
  left: 2.75rem; }

.top-12 {
  top: 3rem; }

.right-12 {
  right: 3rem; }

.bottom-12 {
  bottom: 3rem; }

.left-12 {
  left: 3rem; }

.top-14 {
  top: 3.5rem; }

.right-14 {
  right: 3.5rem; }

.bottom-14 {
  bottom: 3.5rem; }

.left-14 {
  left: 3.5rem; }

.top-16 {
  top: 4rem; }

.right-16 {
  right: 4rem; }

.bottom-16 {
  bottom: 4rem; }

.left-16 {
  left: 4rem; }

.top-20 {
  top: 5rem; }

.right-20 {
  right: 5rem; }

.bottom-20 {
  bottom: 5rem; }

.left-20 {
  left: 5rem; }

.top-24 {
  top: 6rem; }

.right-24 {
  right: 6rem; }

.bottom-24 {
  bottom: 6rem; }

.left-24 {
  left: 6rem; }

.top-28 {
  top: 7rem; }

.right-28 {
  right: 7rem; }

.bottom-28 {
  bottom: 7rem; }

.left-28 {
  left: 7rem; }

.top-32 {
  top: 8rem; }

.right-32 {
  right: 8rem; }

.bottom-32 {
  bottom: 8rem; }

.left-32 {
  left: 8rem; }

.top-36 {
  top: 9rem; }

.right-36 {
  right: 9rem; }

.bottom-36 {
  bottom: 9rem; }

.left-36 {
  left: 9rem; }

.top-40 {
  top: 10rem; }

.right-40 {
  right: 10rem; }

.bottom-40 {
  bottom: 10rem; }

.left-40 {
  left: 10rem; }

.top-44 {
  top: 11rem; }

.right-44 {
  right: 11rem; }

.bottom-44 {
  bottom: 11rem; }

.left-44 {
  left: 11rem; }

.top-48 {
  top: 12rem; }

.right-48 {
  right: 12rem; }

.bottom-48 {
  bottom: 12rem; }

.left-48 {
  left: 12rem; }

.top-52 {
  top: 13rem; }

.right-52 {
  right: 13rem; }

.bottom-52 {
  bottom: 13rem; }

.left-52 {
  left: 13rem; }

.top-56 {
  top: 14rem; }

.right-56 {
  right: 14rem; }

.bottom-56 {
  bottom: 14rem; }

.left-56 {
  left: 14rem; }

.top-60 {
  top: 15rem; }

.right-60 {
  right: 15rem; }

.bottom-60 {
  bottom: 15rem; }

.left-60 {
  left: 15rem; }

.top-64 {
  top: 16rem; }

.right-64 {
  right: 16rem; }

.bottom-64 {
  bottom: 16rem; }

.left-64 {
  left: 16rem; }

.top-72 {
  top: 18rem; }

.right-72 {
  right: 18rem; }

.bottom-72 {
  bottom: 18rem; }

.left-72 {
  left: 18rem; }

.top-80 {
  top: 20rem; }

.right-80 {
  right: 20rem; }

.bottom-80 {
  bottom: 20rem; }

.left-80 {
  left: 20rem; }

.top-96 {
  top: 24rem; }

.right-96 {
  right: 24rem; }

.bottom-96 {
  bottom: 24rem; }

.left-96 {
  left: 24rem; }

.top-auto {
  top: auto; }

.right-auto {
  right: auto; }

.bottom-auto {
  bottom: auto; }

.left-auto {
  left: auto; }

.top-px {
  top: 1px; }

.right-px {
  right: 1px; }

.bottom-px {
  bottom: 1px; }

.left-px {
  left: 1px; }

.top-0\.5 {
  top: 0.125rem; }

.right-0\.5 {
  right: 0.125rem; }

.bottom-0\.5 {
  bottom: 0.125rem; }

.left-0\.5 {
  left: 0.125rem; }

.top-1\.5 {
  top: 0.375rem; }

.right-1\.5 {
  right: 0.375rem; }

.bottom-1\.5 {
  bottom: 0.375rem; }

.left-1\.5 {
  left: 0.375rem; }

.top-2\.5 {
  top: 0.625rem; }

.right-2\.5 {
  right: 0.625rem; }

.bottom-2\.5 {
  bottom: 0.625rem; }

.left-2\.5 {
  left: 0.625rem; }

.top-3\.5 {
  top: 0.875rem; }

.right-3\.5 {
  right: 0.875rem; }

.bottom-3\.5 {
  bottom: 0.875rem; }

.left-3\.5 {
  left: 0.875rem; }

.-top-0 {
  top: 0px; }

.-right-0 {
  right: 0px; }

.-bottom-0 {
  bottom: 0px; }

.-left-0 {
  left: 0px; }

.-top-1 {
  top: -0.25rem; }

.-right-1 {
  right: -0.25rem; }

.-bottom-1 {
  bottom: -0.25rem; }

.-left-1 {
  left: -0.25rem; }

.-top-2 {
  top: -0.5rem; }

.-right-2 {
  right: -0.5rem; }

.-bottom-2 {
  bottom: -0.5rem; }

.-left-2 {
  left: -0.5rem; }

.-top-3 {
  top: -0.75rem; }

.-right-3 {
  right: -0.75rem; }

.-bottom-3 {
  bottom: -0.75rem; }

.-left-3 {
  left: -0.75rem; }

.-top-4 {
  top: -1rem; }

.-right-4 {
  right: -1rem; }

.-bottom-4 {
  bottom: -1rem; }

.-left-4 {
  left: -1rem; }

.-top-5 {
  top: -1.25rem; }

.-right-5 {
  right: -1.25rem; }

.-bottom-5 {
  bottom: -1.25rem; }

.-left-5 {
  left: -1.25rem; }

.-top-6 {
  top: -1.5rem; }

.-right-6 {
  right: -1.5rem; }

.-bottom-6 {
  bottom: -1.5rem; }

.-left-6 {
  left: -1.5rem; }

.-top-7 {
  top: -1.75rem; }

.-right-7 {
  right: -1.75rem; }

.-bottom-7 {
  bottom: -1.75rem; }

.-left-7 {
  left: -1.75rem; }

.-top-8 {
  top: -2rem; }

.-right-8 {
  right: -2rem; }

.-bottom-8 {
  bottom: -2rem; }

.-left-8 {
  left: -2rem; }

.-top-9 {
  top: -2.25rem; }

.-right-9 {
  right: -2.25rem; }

.-bottom-9 {
  bottom: -2.25rem; }

.-left-9 {
  left: -2.25rem; }

.-top-10 {
  top: -2.5rem; }

.-right-10 {
  right: -2.5rem; }

.-bottom-10 {
  bottom: -2.5rem; }

.-left-10 {
  left: -2.5rem; }

.-top-11 {
  top: -2.75rem; }

.-right-11 {
  right: -2.75rem; }

.-bottom-11 {
  bottom: -2.75rem; }

.-left-11 {
  left: -2.75rem; }

.-top-12 {
  top: -3rem; }

.-right-12 {
  right: -3rem; }

.-bottom-12 {
  bottom: -3rem; }

.-left-12 {
  left: -3rem; }

.-top-14 {
  top: -3.5rem; }

.-right-14 {
  right: -3.5rem; }

.-bottom-14 {
  bottom: -3.5rem; }

.-left-14 {
  left: -3.5rem; }

.-top-16 {
  top: -4rem; }

.-right-16 {
  right: -4rem; }

.-bottom-16 {
  bottom: -4rem; }

.-left-16 {
  left: -4rem; }

.-top-20 {
  top: -5rem; }

.-right-20 {
  right: -5rem; }

.-bottom-20 {
  bottom: -5rem; }

.-left-20 {
  left: -5rem; }

.-top-24 {
  top: -6rem; }

.-right-24 {
  right: -6rem; }

.-bottom-24 {
  bottom: -6rem; }

.-left-24 {
  left: -6rem; }

.-top-28 {
  top: -7rem; }

.-right-28 {
  right: -7rem; }

.-bottom-28 {
  bottom: -7rem; }

.-left-28 {
  left: -7rem; }

.-top-32 {
  top: -8rem; }

.-right-32 {
  right: -8rem; }

.-bottom-32 {
  bottom: -8rem; }

.-left-32 {
  left: -8rem; }

.-top-36 {
  top: -9rem; }

.-right-36 {
  right: -9rem; }

.-bottom-36 {
  bottom: -9rem; }

.-left-36 {
  left: -9rem; }

.-top-40 {
  top: -10rem; }

.-right-40 {
  right: -10rem; }

.-bottom-40 {
  bottom: -10rem; }

.-left-40 {
  left: -10rem; }

.-top-44 {
  top: -11rem; }

.-right-44 {
  right: -11rem; }

.-bottom-44 {
  bottom: -11rem; }

.-left-44 {
  left: -11rem; }

.-top-48 {
  top: -12rem; }

.-right-48 {
  right: -12rem; }

.-bottom-48 {
  bottom: -12rem; }

.-left-48 {
  left: -12rem; }

.-top-52 {
  top: -13rem; }

.-right-52 {
  right: -13rem; }

.-bottom-52 {
  bottom: -13rem; }

.-left-52 {
  left: -13rem; }

.-top-56 {
  top: -14rem; }

.-right-56 {
  right: -14rem; }

.-bottom-56 {
  bottom: -14rem; }

.-left-56 {
  left: -14rem; }

.-top-60 {
  top: -15rem; }

.-right-60 {
  right: -15rem; }

.-bottom-60 {
  bottom: -15rem; }

.-left-60 {
  left: -15rem; }

.-top-64 {
  top: -16rem; }

.-right-64 {
  right: -16rem; }

.-bottom-64 {
  bottom: -16rem; }

.-left-64 {
  left: -16rem; }

.-top-72 {
  top: -18rem; }

.-right-72 {
  right: -18rem; }

.-bottom-72 {
  bottom: -18rem; }

.-left-72 {
  left: -18rem; }

.-top-80 {
  top: -20rem; }

.-right-80 {
  right: -20rem; }

.-bottom-80 {
  bottom: -20rem; }

.-left-80 {
  left: -20rem; }

.-top-96 {
  top: -24rem; }

.-right-96 {
  right: -24rem; }

.-bottom-96 {
  bottom: -24rem; }

.-left-96 {
  left: -24rem; }

.-top-px {
  top: -1px; }

.-right-px {
  right: -1px; }

.-bottom-px {
  bottom: -1px; }

.-left-px {
  left: -1px; }

.-top-0\.5 {
  top: -0.125rem; }

.-right-0\.5 {
  right: -0.125rem; }

.-bottom-0\.5 {
  bottom: -0.125rem; }

.-left-0\.5 {
  left: -0.125rem; }

.-top-1\.5 {
  top: -0.375rem; }

.-right-1\.5 {
  right: -0.375rem; }

.-bottom-1\.5 {
  bottom: -0.375rem; }

.-left-1\.5 {
  left: -0.375rem; }

.-top-2\.5 {
  top: -0.625rem; }

.-right-2\.5 {
  right: -0.625rem; }

.-bottom-2\.5 {
  bottom: -0.625rem; }

.-left-2\.5 {
  left: -0.625rem; }

.-top-3\.5 {
  top: -0.875rem; }

.-right-3\.5 {
  right: -0.875rem; }

.-bottom-3\.5 {
  bottom: -0.875rem; }

.-left-3\.5 {
  left: -0.875rem; }

.top-1\/2 {
  top: 50%; }

.right-1\/2 {
  right: 50%; }

.bottom-1\/2 {
  bottom: 50%; }

.left-1\/2 {
  left: 50%; }

.top-1\/3 {
  top: 33.333333%; }

.right-1\/3 {
  right: 33.333333%; }

.bottom-1\/3 {
  bottom: 33.333333%; }

.left-1\/3 {
  left: 33.333333%; }

.top-2\/3 {
  top: 66.666667%; }

.right-2\/3 {
  right: 66.666667%; }

.bottom-2\/3 {
  bottom: 66.666667%; }

.left-2\/3 {
  left: 66.666667%; }

.top-1\/4 {
  top: 25%; }

.right-1\/4 {
  right: 25%; }

.bottom-1\/4 {
  bottom: 25%; }

.left-1\/4 {
  left: 25%; }

.top-2\/4 {
  top: 50%; }

.right-2\/4 {
  right: 50%; }

.bottom-2\/4 {
  bottom: 50%; }

.left-2\/4 {
  left: 50%; }

.top-3\/4 {
  top: 75%; }

.right-3\/4 {
  right: 75%; }

.bottom-3\/4 {
  bottom: 75%; }

.left-3\/4 {
  left: 75%; }

.top-full {
  top: 100%; }

.right-full {
  right: 100%; }

.bottom-full {
  bottom: 100%; }

.left-full {
  left: 100%; }

.-top-1\/2 {
  top: -50%; }

.-right-1\/2 {
  right: -50%; }

.-bottom-1\/2 {
  bottom: -50%; }

.-left-1\/2 {
  left: -50%; }

.-top-1\/3 {
  top: -33.333333%; }

.-right-1\/3 {
  right: -33.333333%; }

.-bottom-1\/3 {
  bottom: -33.333333%; }

.-left-1\/3 {
  left: -33.333333%; }

.-top-2\/3 {
  top: -66.666667%; }

.-right-2\/3 {
  right: -66.666667%; }

.-bottom-2\/3 {
  bottom: -66.666667%; }

.-left-2\/3 {
  left: -66.666667%; }

.-top-1\/4 {
  top: -25%; }

.-right-1\/4 {
  right: -25%; }

.-bottom-1\/4 {
  bottom: -25%; }

.-left-1\/4 {
  left: -25%; }

.-top-2\/4 {
  top: -50%; }

.-right-2\/4 {
  right: -50%; }

.-bottom-2\/4 {
  bottom: -50%; }

.-left-2\/4 {
  left: -50%; }

.-top-3\/4 {
  top: -75%; }

.-right-3\/4 {
  right: -75%; }

.-bottom-3\/4 {
  bottom: -75%; }

.-left-3\/4 {
  left: -75%; }

.-top-full {
  top: -100%; }

.-right-full {
  right: -100%; }

.-bottom-full {
  bottom: -100%; }

.-left-full {
  left: -100%; }

.bg-fixed {
  background-attachment: fixed; }

.bg-local {
  background-attachment: local; }

.bg-scroll {
  background-attachment: scroll; }

.bg-bottom {
  background-position: bottom; }

.bg-center, .banner-bg {
  background-position: center; }

.bg-left {
  background-position: left; }

.bg-left-bottom {
  background-position: left bottom; }

.bg-left-top {
  background-position: left top; }

.bg-right {
  background-position: right; }

.bg-right-bottom {
  background-position: right bottom; }

.bg-right-top {
  background-position: right top; }

.bg-top {
  background-position: top; }

.bg-repeat {
  background-repeat: repeat; }

.bg-no-repeat {
  background-repeat: no-repeat; }

.bg-repeat-x {
  background-repeat: repeat-x; }

.bg-repeat-y {
  background-repeat: repeat-y; }

.bg-repeat-round {
  background-repeat: round; }

.bg-repeat-space {
  background-repeat: space; }

.bg-auto {
  background-size: auto; }

.bg-cover {
  background-size: cover; }

.bg-contain {
  background-size: contain; }

.bg-gray-100 {
  background-color: #F3F4F6; }

.bg-gray-200 {
  background-color: #E5E7EB; }

.bg-gray-300 {
  background-color: #D1D5DB; }

.bg-gray-400 {
  background-color: #6B7280; }

.bg-gray-500 {
  background-color: #4B5563; }

.bg-gray-600 {
  background-color: #374151; }

.bg-gray-700 {
  background-color: #1F2937; }

.bg-gray-800 {
  background-color: #111827; }

.bg-gray-900 {
  background-color: #111827; }

.z-0 {
  z-index: 0; }

.z-10 {
  z-index: 10; }

.z-20 {
  z-index: 20; }

.z-30 {
  z-index: 30; }

.z-40 {
  z-index: 40; }

.z-50 {
  z-index: 50; }

.z-auto {
  z-index: auto; }

/*table*/
.table {
  border: 1px solid #ddd;
  border-radius: 0.25rem; }

.table th,
.table td {
  border-top: 1px solid #ddd;
  padding: 0.5rem;
  border-right: 1px solid #ddd; }

.table th {
  border-top: none;
  border-bottom-width: 1px;
  vertical-align: middle; }

.table tr:first-child > td {
  border-top: none; }

.table td:last-child,
.table th:last-child {
  border-right: none; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr:hover > td {
  background-color: #f5f5f5;
  color: inherit; }

.table-sm th,
.table-sm td {
  padding: 0.25rem; }

.table-lg th,
.table-lg td {
  padding: 1rem; }

.table-line,
.table-cube,
.table-none {
  border: none;
  border-collapse: collapse;
  border-radius: 0; }

.table-line th,
.table-line td {
  border-right: none; }

.table-none th,
.table-none td {
  border: none; }

.table.align-center th,
.table tr.align-center > th,
.table th.align-center {
  text-align: center; }

.table.align-right th,
.table tr.align-right > th,
.table th.align-right {
  text-align: right; }

.table.align-top th,
.table tr.align-top > th,
.table th.align-top,
.table.align-top td {
  vertical-align: top; }

.table.align-bottom th,
.table tr.align-bottom > th,
.table th.align-bottom,
.table.align-bottom td {
  vertical-align: bottom; }

/*list*/
.list li {
  padding-bottom: 0.5em; }
  .list li:last-child {
    padding-bottom: 0; }

.list-cn {
  list-style-type: cjk-ideographic; }

.list-en {
  list-style-type: upper-alpha; }

.list-unstyle,
.list-inline {
  list-style: none;
  padding-left: 0; }

.list-unstyle ul {
  list-style: disc; }

.list-inline li {
  display: inline-block;
  padding: 0 0.5em;
  width: auto; }

.list ul,
.list ol {
  margin: 0.5em 0 0 0; }

.list ul > li:last-child,
.list ol > li:last-child {
  padding-bottom: 0; }

.dl-inline dt {
  width: 2em;
  display: inline-block;
  float: left;
  text-align: right;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden; }

.dl-inline dd {
  display: block;
  padding-left: 1em;
  margin-left: 2em; }

.list-group {
  list-style: none;
  padding: 0;
  margin: 0; }

.list-group > li,
.list-link > a {
  display: block;
  border-bottom: solid 1px #ddd; }

.list-icon {
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  padding-left: 2.5rem; }

.list-icon > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.list-icon > li > .list-media {
  width: 1.5rem;
  margin: 0 0.5rem 0 -2rem; }

.list-icon > li > .list-addon {
  font-size: 87.5%;
  margin-left: auto; }

.list-box {
  border: solid 1px #ddd;
  border-radius: 0.25rem; }

.list-group.list-five > li,
.list-group.list-five > a {
  border-bottom: none;
  padding-bottom: 0.5em; }
  .list-group.list-five > li:last-child,
  .list-group.list-five > a:last-child {
    padding-bottom: 0; }

.list-box.list-five > li,
.list-box.list-five > a {
  padding: 0.5em 1em; }

.list-five > li:nth-child(5n) {
  border-bottom: solid 1px #ddd;
  padding-bottom: 1em;
  margin-bottom: 0.4em; }

.list-five.list-box > li:first-child {
  padding-top: 1em; }

.list-group > li:last-child,
.list-link > a:last-child {
  border-bottom: 0 none;
  margin: 0; }

.list-striped > li:nth-child(2n) {
  background-color: #f5f5f5; }

.list-striped > li,
.list-box > li,
.list-box > a {
  padding: 0.5em 1em; }

.list-link > a {
  color: #4d4d4d;
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

.list-link > a:hover {
  background-color: #f5f5f5;
  text-decoration: none; }

.list-link > a.active:link,
.list-link > a.active:visited {
  background-color: #f5f5f5; }

.list-box > li:first-child,
.list-link > a:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.list-box > li:last-child,
.list-link > a:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

/*media*/
.figure {
  display: inline-block;
  position: relative;
  vertical-align: top; }

.figure > img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.figure > figcaption {
  padding: 0.5rem 0; }

.figure > figcaption[class^="bg"] {
  padding: 0.5rem 1rem; }

.figure > figcaption,
.figure.figure-above > img {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.figure.figure-above > figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.5rem 1rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5); }

.figure.figure-above.figure-above-top > figcaption {
  top: 0;
  bottom: auto;
  border-radius: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.figure.figure-above.figure-above-full > figcaption {
  top: 0;
  border-radius: inherit; }

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.media-body {
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.media-body > strong {
  font-weight: 450;
  line-height: 1.2;
  display: block;
  margin-bottom: 0.375rem; }

.media-body > p {
  margin-top: 0;
  font-size: 87.5%;
  line-height: 1.5; }

.media-body > p:last-child {
  margin-bottom: 0; }

.media-body > .media {
  margin-top: 1rem; }

.media.flex-column > .media-body > strong,
.media.flex-column > .media-body > p:first-child {
  margin-top: 0.75rem; }

.media-group > .media:not(:first-child) {
  margin-top: 1.5rem; }

/*effect*/
.fadein,
.fadein-top,
.fadein-bottom,
.fadein-left,
.fadein-right {
  opacity: 0;
  -webkit-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear; }

.fadein-top {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem); }

.fadein-bottom {
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem); }

.fadein-left {
  -webkit-transform: translateX(-1rem);
      -ms-transform: translateX(-1rem);
          transform: translateX(-1rem); }

.fadein-right {
  -webkit-transform: translateX(1rem);
      -ms-transform: translateX(1rem);
          transform: translateX(1rem); }

.effect.active .fadein,
.effect-hover:hover .fadein,
.effect-hover.fadein:hover,
.effect.fadein {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.fadeout,
.fadeout-top,
.fadeout-bottom,
.fadeout-left,
.fadeout-right {
  -webkit-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear; }

.effect.active .fadeout,
.effect-hover:hover .fadeout,
.effect-hover.fadeout:hover,
.effect.fadeout {
  opacity: 0; }

.effect.active .fadeout-top,
.effect-hover:hover .fadeout-top,
.effect-hover.fadeout-top:hover,
.effect.fadeout-top {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem); }

.effect.active .fadeout-bottom,
.effect-hover:hover .fadeout-bottom,
.effect-hover.fadeout-bottom:hover,
.effect.fadeout-bottom {
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem); }

.effect.active .fadeout-left,
.effect-hover:hover .fadeout-left,
.effect-hover.fadeout-left:hover,
.effect.fadeout-left {
  -webkit-transform: translateX(-1rem);
      -ms-transform: translateX(-1rem);
          transform: translateX(-1rem); }

.effect.active .fadeout-right,
.effect-hover:hover .fadeout-right,
.effect-hover.fadeout-right:hover,
.effect.fadeout-right {
  -webkit-transform: translateX(1rem);
      -ms-transform: translateX(1rem);
          transform: translateX(1rem); }

.offset-top,
.offset-bottom,
.offset-left,
.offset-right {
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.effect.active .offset-top,
.effect-hover:hover .offset-top,
.effect-hover.offset-top:hover,
.effect.offset-top {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem); }

.effect.active .offset-bottom,
.effect-hover:hover .offset-bottom,
.effect-hover.offset-bottom:hover,
.effect.offset-bottom {
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem); }

.effect.active .offset-left,
.effect-hover:hover .offset-left,
.effect-hover.offset-left:hover,
.effect.offset-left {
  -webkit-transform: translateX(-1rem);
      -ms-transform: translateX(-1rem);
          transform: translateX(-1rem); }

.effect.active .offset-right,
.effect-hover:hover .offset-right,
.effect-hover.offset-right:hover,
.effect.offset-right {
  -webkit-transform: translateX(1rem);
      -ms-transform: translateX(1rem);
          transform: translateX(1rem); }

.open-width {
  opacity: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.open-height {
  opacity: 0;
  height: 0;
  width: 100%;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.close-width,
.close-height {
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.effect.active .open-width,
.effect-hover:hover .open-width,
.effect-hover.open-width:hover,
.effect.open-width {
  width: 100% !important;
  opacity: 1; }

.effect.active .open-height,
.effect-hover:hover .open-height,
.effect-hover.open-height:hover,
.effect.open-height {
  height: 100% !important;
  opacity: 1; }

.effect.active .close-width,
.effect-hover:hover .close-width,
.effect-hover.close-width:hover,
.effect.close-width {
  width: 0 !important;
  opacity: 0; }

.effect.active .close-height,
.effect-hover:hover .close-height,
.effect-hover.close-height:hover,
.effect.close-height {
  height: 0 !important;
  opacity: 0; }

.scale,
.shrink {
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.effect.active .scale,
.effect-hover:hover .scale,
.effect-hover.scale:hover,
.effect.scale {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.effect.active .shrink,
.effect-hover:hover .shrink,
.effect-hover.shrink:hover,
.effect.shrink {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }

.effect.active .rotate-once,
.effect-hover:hover .rotate-once,
.effect-hover.rotate-once:hover,
.effect.rotate-once {
  -webkit-animation: rotate-effect 1s linear;
          animation: rotate-effect 1s linear; }

.effect.active .rotate,
.effect-hover:hover .rotate,
.effect-hover.rotate:hover,
.effect.rotate {
  -webkit-animation: rotate-effect 1s infinite linear;
          animation: rotate-effect 1s infinite linear; }

@-webkit-keyframes rotate-effect {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-effect {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.change {
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.change:last-child {
  opacity: 0; }

.effect.active .change:first-child,
.effect-hover:hover .change:first-child {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0; }

.effect.active .change:last-child,
.effect-hover:hover .change:last-child {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 1; }

/*button*/
.button {
  position: relative;
  border: solid 1px #ddd !important;
  background: transparent;
  display: inline-block;
  line-height: 1.5;
  padding: 0.375em 1em;
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
  .button:link {
    text-decoration: none;
    color: #4d4d4d; }
  .button:hover {
    background-color: #f5f5f5;
    z-index: 2; }
  .button:active {
    outline: 0;
    z-index: 2;
    opacity: 0.8; }

.button[disabled] {
  pointer-events: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.5; }

.button-block {
  display: block;
  width: 100%; }

.button[class*="text"]:hover,
.button[class*="text"].active,
.button[class*="bg"],
.button.border:hover,
.button.icons-item:hover {
  border-color: transparent !important; }

.button[class*="text"]:hover,
.button[class*="text"].active,
.button[class*="bg-"],
.button[class*="border"]:hover,
.button[class*="border"].active,
.button.bg:hover,
.button.text-light {
  color: #fff !important; }

.button.text-silver,
.button.text-light,
.button.text-white,
.button.bg-silver,
.button.bg-light,
.button.bg-white,
.button.text-silver.active,
.button.text-light.active,
.button.text-white.active,
.button.bg-silver.active,
.button.bg-light.active,
.button.bg-white.active,
.button[class*="-silver"]:hover,
.button[class*="-light"]:hover,
.button[class*="-white"]:hover {
  color: #4d4d4d !important; }

.button[class*="bg-"]:hover::before {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: 0;
  left: 0;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.05); }

.button[class*="bg-"]:active,
.button[class*="bg-"].active {
  opacity: 0.8; }

.button-mini {
  padding: 0.125em 0.5em; }

.button-small {
  padding: 0.25em 0.75em; }

.button-big {
  padding: 0.625em 1.25em; }

.button-large {
  padding: 0.875em 1.5em; }

.button-icon {
  padding: 0.5em !important;
  line-height: 1;
  border-radius: 100% !important; }

.button-group,
.button-group.drop {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: middle; }

.button-group:not(.button-group-y) > .button:not(:first-child):not(:last-child),
.button-group:not(.button-group-y) > .drop:not(:first-child):not(:last-child) > .button {
  margin-left: -1px;
  border-radius: 0 !important; }

.button-group:not(.button-group-y) > .button:first-child:not(:last-child),
.button-group:not(.button-group-y) > .drop:first-child > .button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-left: 0; }

.button-group:not(.button-group-y) > .button:last-child:not(:first-child),
.button-group:not(.button-group-y) > .drop:last-child > .button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: -1px; }

.button-group > .button.button-toggle {
  padding-left: 0.25em;
  padding-right: 0.25em; }

.button-group-y {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.button-group.button-group-y > .button:not(:first-child):not(:last-child),
.button-group.button-group-y > .drop:not(:first-child):not(:last-child) > .button {
  margin-top: -1px;
  border-radius: 0 !important; }

.button-group.button-group-y > .button:first-child:not(:last-child),
.button-group.button-group-y > .drop:first-child > .button {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-top: 0; }

.button-group.button-group-y > .button:last-child:not(:first-child),
.button-group.button-group-y > .drop:last-child > .button {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-top: -1px; }

/*form*/
.input {
  padding: 0.375em 0.75em;
  border: solid 1px #ddd;
  width: 100%;
  line-height: 1.5;
  display: block;
  border-radius: 0.25rem;
  outline: none;
  background-color: transparent;
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

.input[type="color"] {
  width: 3.5rem;
  display: inline-block; }

select.input,
.input.input-select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding-right: 1.75rem;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px; }

select.input:not([size]):not([multiple]),
select.input + .input.input-text,
.input[type="color"],
.input[type="range"] {
  height: calc(2.25em + 2px); }

select.input:focus::-ms-value {
  color: #f5222d;
  background-color: transparent; }

select.input::-ms-expand {
  display: none; }

.input[disabled] {
  background-color: #f5f5f5; }

.input-text,
.input[readonly] {
  border-color: transparent;
  pointer-events: none;
  background-color: transparent; }

.input:focus,
.input:active {
  border-color: #f5222d;
  z-index: 2; }

.input-auto {
  width: auto;
  max-width: 100%;
  display: inline-block; }

.input-switch,
.input-icon {
  position: relative; }

.input-check > label,
.input-upfile,
.input-select,
.input-search > .option,
.input-search.drop {
  display: block;
  position: relative; }

.input-check,
.input-switch {
  line-height: 2; }

.input-check.input-check-inline > label {
  margin-right: 1rem;
  white-space: nowrap;
  display: inline-block; }

.input-check.input-check-inline > label:last-child {
  margin-right: 0; }

.input-check > label > input[type="radio"],
.input-check > label > input[type="checkbox"],
.input-switch > input[type="checkbox"],
.input-search > .option > label > input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 0;
  height: 0; }

.input-check > label > input[type="radio"] + i,
.input-check > label > input[type="checkbox"] + i,
.input-switch > input[type="checkbox"] + i {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  vertical-align: text-bottom;
  border: solid 1px #ddd;
  border-radius: 100%; }

.input-check > label > input[type="checkbox"] + i {
  border-radius: 0.125rem; }

.input-check > label > input:checked + i {
  background-color: #f5222d;
  border-color: transparent;
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

.input-check > label > input:checked + i::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  top: 2px;
  left: 5px;
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.input-switch > input[type="checkbox"] + i {
  width: 54px;
  height: 34px;
  border-radius: 34px;
  background-color: #f5f5f5;
  vertical-align: middle; }

.input-switch > input[type="checkbox"] + i::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background-color: #fff;
  border-radius: 16px;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.input-switch > input[type="checkbox"]:checked + i {
  background-color: #f5222d;
  border-color: transparent; }

.input-switch > input[type="checkbox"]:checked + i::after {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px); }

.input-check > input[disabled] + i,
.input-switch > input[disabled] + i {
  opacity: 0.5; }

.input-select.drop {
  display: block !important; }

.input-select > select.input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1; }

.input-select > .dropdown ul > li {
  cursor: default; }

.input-verify {
  position: relative; }

.input-verify > input {
  opacity: 0; }

.input-verify > ul {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

.input-verify > ul > li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  width: 2.5rem;
  height: 100%;
  border: solid 1px #ddd;
  border-radius: 0.25rem;
  font-size: 1.5rem;
  cursor: text; }

.input-verify > ul > li:not(:last-child) {
  margin-right: 0.25rem; }

.input-verify > ul > li.active {
  color: #f5222d;
  border-color: #f5222d; }

.input-verify > span {
  width: 1px;
  height: 60%;
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  position: absolute;
  top: 0.4em;
  left: 0.4em; }

.input-upfile {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.input-upfile > span {
  width: 1%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  padding-left: 0.5em;
  white-space: nowrap;
  overflow: hidden; }

.input-upfile > a.button {
  position: relative;
  overflow: hidden;
  width: auto; }

.input-upfile > a.button > input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0; }

.input-upfile-block > span {
  padding-left: 0.75em;
  border: solid 1px #ddd;
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.input-upfile-block > a.button {
  margin-left: -1px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.input-upimage {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  border-radius: 0.25rem;
  vertical-align: top;
  width: 100px;
  height: 100px; }

.input-upimage > a {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: inherit;
  width: 100%;
  height: 100%; }

.input-upimage > a::before,
.input-upimage > a::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #999; }

.input-upimage > a::after {
  width: 2px;
  height: 2rem; }

.input-upimage > a::before {
  width: 2rem;
  height: 2px; }

.input-upimage > a:hover::before,
.input-upimage > a:hover::after {
  background-color: #f5222d; }

.input-upimage > a[disabled] {
  opacity: 0.5;
  pointer-events: none; }

.input-upimage > a > input[type="file"] {
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }

.input-upimage > span,
.input-upimage > img {
  display: none; }

.input-upimage.input-imgnote > span,
.input-upimage.input-imgerror > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #999;
  color: #fff;
  font-size: 0.875rem;
  border-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  line-height: 1.25; }

.input-upimage.input-imgerror > span {
  background-color: #f04134; }

.input-upimage.input-imgshow > a {
  display: none; }

.input-upimage.input-imgshow > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  border: none;
  border-radius: inherit;
  -ms-flex-item-align: start;
      align-self: flex-start; }

.input-upimage > i {
  position: absolute;
  top: 0.3125rem;
  left: 0.25rem; }

.input-upimage > i::after {
  content: "×";
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  line-height: 0.875;
  color: #fff;
  font-size: 0.8125rem;
  font-style: normal;
  text-align: center;
  cursor: pointer; }

.input-icon > span {
  position: absolute;
  top: 0;
  left: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  font-style: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.input-icon > span:last-child {
  left: auto;
  right: 0.75rem; }

.input-icon > span + .input {
  text-indent: 1.5rem; }

.input-icon > .input:nth-last-of-type(2) {
  padding-right: 1.75rem; }

.input-icon > .input[data-form="clear"] + span {
  font-size: 87.5%;
  visibility: hidden; }

.input-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.input-inline > .addon {
  margin-right: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.input-inline > .addon > span {
  padding: 0 0.75em;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.input-inline > .input,
.input-inline > .input-inline-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.input-inline > .input.input-auto,
.input-inline > .input-inline-auto > .input.input-auto {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.input-inline > .input:not(:last-child),
.input-inline > .input-inline-auto {
  margin-right: -1px; }

.input-inline > .addon:first-child > span,
.input-inline > .addon:first-child > .input,
.input-inline > .addon:first-child > .button,
.input-inline > .input:first-child,
.input-inline > .input-inline-auto:first-child > .input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.input-inline > .addon:last-child > span,
.input-inline > .addon:last-child > .input,
.input-inline > .addon:last-child > .button,
.input-inline > .input:last-child,
.input-inline > .input-inline-auto:last-child > .input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.input-inline > .addon:not(:first-child):not(:last-child) > span,
.input-inline > .addon:not(:first-child):not(:last-child) > .input,
.input-inline > .addon:not(:first-child):not(:last-child) > .button,
.input-inline > .input:not(:first-child):not(:last-child),
.input-inline > .input-inline-auto:not(:first-child):not(:last-child) > .input {
  border-radius: 0 !important; }

.input-inline > .addon > span[class*="bg-"] {
  border-color: transparent !important;
  color: #fff; }

.input-inline > .addon > span.bg-silver,
.input-inline > .addon > span.bg-light,
.input-inline > .addon > span.bg-white {
  color: #4d4d4d !important; }

.input-radius > .addon:first-child > span,
.input-radius > .addon:first-child > .input,
.input-radius > .addon:first-child > .button,
.input-radius > .input:first-child,
.input-radius > .input-inline-auto:first-child:not(:last-child) > .input {
  border-radius: 2rem 0 0 2rem !important;
  padding-left: 1rem; }

.input-radius > .addon:last-child > span,
.input-radius > .addon:last-child > .input,
.input-radius > .addon:last-child > .button,
.input-radius > .input:last-child,
.input-radius > .input-inline-auto:last-child:not(:first-child) > .input {
  border-radius: 0 2rem 2rem 0 !important;
  padding-right: 1rem; }

.input-radius > .input:first-child:last-child,
.input-radius > .input-inline-auto:first-child:last-child > .input {
  border-radius: 2rem !important;
  padding-left: 1rem;
  padding-right: 1rem; }

.input-radius.input-search-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.input-radius.input-search-icon > .input-inline-auto > input {
  width: calc(2.25em + 2px); }

.input-radius.input-search-icon:hover > .input-inline-auto > input {
  width: 100%; }

.input-search > .option {
  padding-left: 1.5rem;
  font-size: 0.875rem; }

.input-search > .option > label > span {
  display: inline-block;
  padding: 0 0.5rem; }

.input-search > .option > label > input:checked + span {
  background-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.input-group,
.input-group > .input-block {
  position: relative; }

.input-group > .input-block > .input-help {
  font-size: 0.875rem;
  color: #999; }

.input-group > .input-block > .input-validate {
  font-size: 0.875rem; }

.input-group:not(.input-group-inline) > .input-block > .input-help.input-help-right {
  position: absolute;
  top: -1.625rem;
  right: 0; }

.input-group-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.input-group-inline > label {
  padding: 0.375rem;
  padding-left: 0;
  white-space: nowrap; }

.input-group-inline > .input,
.input-group-inline > .input-block {
  width: 1%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.input-group-inset > label {
  position: absolute;
  top: 0;
  left: 0.375rem;
  padding: 0.375rem; }

.input-group-inset > .input,
.input-group-inset > .input-block > .input {
  text-align: right; }

.form .input-group,
.form fieldset > .input-group {
  margin-bottom: 1rem; }

.form .fieldset {
  border-style: none;
  border-top-style: solid;
  border-width: 2px;
  border-radius: 0;
  padding: 0.5em 0 0 0;
  margin-bottom: 0; }

.form-x .input-group,
.form-x fieldset > .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.form-x .input-group > label,
.form-x fieldset > .input-group > label {
  padding: 0.375rem;
  width: 3em;
  padding-left: 0;
  white-space: nowrap; }

.form-x .input-group > .input,
.form-x .input-group > .input-block,
form.form-x fieldset > .input-group > .input,
.form-x fieldset > .input-group > .input-block {
  width: 1%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.form-x .form-button,
.form-x fieldset > .form-button {
  margin-left: 3em; }

.label-center,
.form-x.form-label-center .input-group > label,
.form-x.form-label-center fieldset > .input-group > label {
  text-align: center; }

.label-right,
.form-x.form-label-right .input-group > label,
.form-x.form-label-right fieldset > .input-group > label {
  text-align: right; }

.form-auto .input {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block; }

.input-auto + .input-help,
.form-auto .input + .input-help {
  display: inline-block; }

.input-required::after {
  content: "*";
  padding-left: 0.25rem;
  color: #f04134; }

label.label-right.input-required::after,
.form-x.form-label-right > .input-group > label.input-required::after,
.form-x.form-label-right > fieldset > .input-group > label.input-required::after {
  content: "";
  padding-left: 0; }

label.label-right.input-required::before,
.form-x.form-label-right > .input-group > label.input-required::before,
.form-x.form-label-right > fieldset > .input-group > label.input-required::before {
  content: "*";
  padding-right: 0.25rem;
  color: #f04134; }

.form-button.align-center,
.form-button[align="center"] {
  padding-left: 0 !important; }

.form-inline,
.form-inline > .input-group,
.form-inline > .input-group > .input-block,
.form-inline > .form-button {
  display: inline-block; }

.form-inline .input {
  display: inline-block;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.form-nowrap,
.form-nowrap-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.form-nowrap > .input-group,
.form-nowrap-y > .input-group {
  margin-bottom: 0; }

.form-nowrap > .input-group:first-child > .input-block > .input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative; }

.form-nowrap > .input-group:not(:first-child):not(:last-child) > .input-block > .input {
  border-radius: 0;
  width: auto;
  margin-left: -1px;
  position: relative; }

.form-nowrap > .input-group:last-child > .input-block > .input,
.form-nowrap > .form-button > .button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: -1px; }

.form-nowrap > .form-button > .button {
  white-space: nowrap; }

.form-nowrap-y {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.form-nowrap-y > .input-group:first-child > .input-block > .input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative; }

.form-nowrap-y > .input-group:not(:first-child):not(:last-child) > .input-block > .input {
  border-radius: 0;
  position: relative;
  position: relative;
  margin-top: -1px; }

.form-nowrap-y > .input-group:last-child > .input-block > .input,
.form-nowrap-y > .form-button > .button {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-top: -1px; }

.form-nowrap-y > .form-button > .button {
  display: block;
  width: 100%; }

.form-inset > .input-group > label,
.form-inset > fieldset > .input-group > label {
  position: absolute;
  top: 0;
  left: 0.375rem;
  padding: 0.375rem; }

.form-inset > .input-group > .input,
.form-inset > .input-group > .input-block > .input,
.form-inset > fieldset > .input-group > .input,
.form-inset > fieldset > .input-group > .input-block > .input {
  text-align: right; }

.form-inset-group > fieldset {
  border: none;
  padding: 0;
  margin: 0 0 0.75rem 0; }

.form-inset-group > fieldset > legend {
  font-size: 80%;
  margin: 0;
  padding: 0.375rem;
  width: 100%;
  color: #999; }

.form-inset-group > fieldset > .input-group {
  padding-left: 1rem;
  margin: 0;
  background-color: #fff; }

.form-inset-group > fieldset > .input-group > label {
  left: 1rem; }

.form-inset-group > fieldset > .input-group > .input-block > .input {
  border-color: transparent; }

.form-inset-group > fieldset > .input-group > .input-block {
  border-bottom: solid 1px #ddd; }

.form-inset-group > fieldset > .input-group:first-child {
  border-top: solid 1px #ddd; }

.form-inset-group > fieldset > legend + .input-group {
  border-top: solid 1px #ddd; }

.form-inset-group > fieldset > .input-group:last-child {
  border-bottom: solid 1px #ddd; }

.form-inset-group > fieldset > .input-group:last-child > .input-block {
  border-bottom: none; }

.form-inset-group > fieldset:not(:first-child) > legend {
  margin-top: -0.75rem; }

.form-inset-group > fieldset + .form-button {
  margin-top: 1rem; }

.validate-tips .input-validate {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  margin-top: 5px;
  opacity: 0.9; }

.validate-tips .input-validate::after {
  content: "";
  position: absolute;
  left: 10px;
  top: -4px;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 4px;
  border-top-width: 0;
  border-color: transparent;
  border-bottom-color: #f04134; }

.validate-tips .input-valid .input-validate::after {
  border-bottom-color: #00a854; }

.validate-tips.form-inset .input-validate,
.input-group-inset .input-validate {
  left: auto;
  right: 0; }

.validate-tips.form-inset .input-validate::after,
.input-group-inset .input-validate::after {
  left: auto;
  right: 10px; }

.input-novalidate .input-validate {
  display: none; }

.input-valid .input,
.input-invalid .input {
  z-index: 2; }

.form.grid .input-group {
  margin-bottom: 0; }

.input[class*="bg-"] {
  border-color: transparent !important; }

.input.bg-silver,
.input.bg-light,
.input.bg-white {
  color: #4d4d4d !important; }

.input-sm,
.form-sm .input {
  padding: 0.25em 0.5em; }

.input-lg,
.form-big .input {
  padding: 0.625em 1em; }

.form-sm .button {
  padding: 0.25em 0.75em; }

.form-big .button {
  padding: 0.625em 1.25em; }

select.input.input-sm:not([size]):not([multiple]),
select.input.input-sm + .input.input-text,
.input.input-sm[type="color"],
.input.input-sm[type="range"],
.form-sm select.input:not([size]):not([multiple]),
.form-sm select.input + .input.input-text,
.form-sm .input[type="color"],
.form-sm .input[type="range"] {
  height: calc(2em + 2px); }

select.input.input-lg:not([size]):not([multiple]),
select.input.input-lg + .input.input-text,
.input.input-lg[type="color"],
.input.input-lg[type="range"],
.form-big select.input:not([size]):not([multiple]),
.form-big select.input + .input.input-text,
.form-big .input[type="color"],
.form-big .input[type="range"] {
  height: calc(2.75em + 2px); }

.input-radius > .input-inline-auto > input.input-sm[size="0"] {
  width: calc(2em + 2px); }

.input-radius > .input-inline-auto > input.input-lg[size="0"] {
  width: calc(2.75em + 2px); }

/*kit*/
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  border-radius: 0.25rem;
  border: solid 1px rgba(0, 0, 0, 0.125); }

.card-head,
.card-foot {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.03); }

.card-head {
  border-bottom: solid 1px rgba(0, 0, 0, 0.125); }

.card-foot {
  border-top: solid 1px rgba(0, 0, 0, 0.125); }

.card-media {
  max-width: 100%;
  height: auto;
  display: block; }

.card-body {
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.card-tab {
  display: none; }

.card-tab.active {
  display: block; }

.card-head-nav.nav.nav-tabs,
.card-head-nav.nav.nav-line {
  margin-bottom: calc(-0.5rem - 1px); }

.card-head-nav.nav.nav-tabs,
.card-head-nav.nav.nav-line > li {
  border-bottom-color: transparent; }

.card-head,
.card-body:first-child,
.card-media:first-child,
.card > .list-group:first-child,
.card > .list-group > li:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.card-foot,
.card-body:last-child,
.card-media:last-child,
.card > .list-group:last-child,
.card > .list-group > li:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; }

.card-overflow {
  margin: -1px;
  width: calc(100% + 2px) !important;
  max-width: none !important; }

.card > .table {
  border: none;
  border-collapse: collapse; }

.card > .list-group > li {
  padding: 0.5rem 1rem; }

.card > .card-body + .table,
.card > .card-body + .list-group,
.card > .table + .card-body,
.card > .list-group + .card-body,
.card > .list-group + .table,
.card > .table + .list-group {
  border-top: solid 1px rgba(0, 0, 0, 0.125); }

.toast {
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  border-radius: var(--radius-big);
  position: relative;
  font-size: 0.875rem; }

.toast > .toast-header {
  padding: 0.5rem 0.75rem;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.toast > .toast-header > strong {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 450;
  margin-left: 0.25rem; }

.toast > .toast-header > time {
  font-size: 0.75rem;
  opacity: 0.5; }

.toast > .toast-header > i {
  margin-left: 0.5rem;
  margin-right: -0.25rem;
  cursor: pointer;
  opacity: 0.5; }

.toast > .toast-bodyer {
  padding: 0.5rem 0.75rem;
  padding-top: 0; }

.toast > .toast-divider {
  border-top: solid 1px transparent;
  border-color: inherit;
  height: 1px; }

.toast > .toast-divider + .toast-bodyer {
  padding-top: 0.5rem; }

.drop {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .drop > .dropdown {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    left: 0;
    z-index: 0;
    width: 100%;
    min-width: 10rem;
    margin-top: 1rem;
    -webkit-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s; }
  .drop.drop-right > .dropdown {
    right: 0;
    left: auto; }

.drop.drop-up > .dropdown, .drop.drop-auto > .dropdown {
  bottom: 100%;
  top: auto;
  margin-top: 0;
  margin-bottom: 1rem; }

.drop:not(.drop-toggle):hover > .dropdown, .drop.drop-open > .dropdown {
  visibility: visible;
  margin-top: 2px;
  opacity: 1;
  z-index: 1; }

.drop.drop-up:not(.drop-toggle):hover > .dropdown, .drop.drop-auto:not(.drop-toggle):hover > .dropdown {
  margin-bottom: 2px; }

.drop.drop-up.drop-open > .dropdown, .drop.drop-auto.drop-open > .dropdown {
  margin: 0 0 2px 0; }

.drop-menu {
  position: absolute;
  display: none;
  top: 0;
  left: 100%;
  z-index: 1;
  float: left; }

.drop-menu.pull-right {
  right: 0;
  left: auto; }

.drop-menu a {
  color: #333;
  padding: 5px 20px;
  display: block;
  clear: both;
  white-space: nowrap;
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

.drop-menu a:hover, .drop-menu a:focus {
  background: #f5f5f5;
  -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }

.drop-menu .disabled a {
  color: #999;
  pointer-events: none; }

.drop-menu .disabled a:hover, .drop-menu .disabled a:focus {
  cursor: not-allowed; }

.drop-menu .divider {
  background-color: #ddd;
  height: 1px;
  overflow: hidden;
  margin: 8px 0; }

.drop-menu .drop-meun-head {
  display: block;
  padding: 5px 20px;
  font-size: 12px;
  color: #999; }

.dropdown ul li:hover .drop-menu {
  display: block; }

.sub-menu {
  white-space: nowrap;
  /*避免文字换行*/
  padding: 0;
  z-index: 30;
  position: relative; }

.sub-menu {
  position: relative; }

.sub-menu li a {
  text-decoration: none;
  color: #777;
  display: block; }

.sub-menu li a:only-child {
  background: none; }

.sub-menu li:hover > ul {
  display: block;
  /* 鼠标进入母选单後，显示子选单 */ }

.sub-menu ul {
  position: absolute;
  top: 100%;
  list-style: none;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  padding: 0; }

.sub-menu ul ul {
  position: absolute;
  left: 100%;
  top: 0; }

.badge {
  display: inline-block;
  padding: 0.25em 0.5em;
  line-height: 1;
  font-size: 0.75rem;
  font-style: normal;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #f04134;
  border-radius: 2em;
  white-space: nowrap;
  vertical-align: baseline; }

.badge.badge-dot {
  width: 0;
  padding: 0;
  padding: 0.25rem;
  font-size: 0;
  border-radius: 100%; }

.badge:not(.badge-dot):empty {
  display: none; }

.badge-corner {
  position: relative;
  outline: none; }

.badge-corner > .badge {
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  font-weight: normal;
  cursor: pointer;
  z-index: 3; }

.badge-corner > .badge.badge-dot {
  right: -0.25rem;
  top: -0.25rem; }

.ring {
  font-size: 100px;
  width: 1em;
  height: 1em;
  position: relative;
  border-radius: 50%;
  background: #f5222d; }

.ring > .ring-left,
.ring > .ring-right,
.ring > .ring-left > i,
.ring > .ring-right > i {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em; }

.ring > .ring-left > i,
.ring > .ring-right > i {
  display: block;
  background: #ddd;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.ring > .ring-right,
.ring > .ring-right > i {
  clip: rect(0, auto, auto, 0.5em); }

.ring > .ring-left,
.ring > .ring-left > i {
  clip: rect(0, 0.5em, auto, 0); }

.ring > .ring-mask {
  width: 0.86em;
  height: 0.86em;
  border-radius: 50%;
  left: 0.07em;
  top: 0.07em;
  background: #fff;
  position: absolute;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.ring > .ring-mask > i,
.ring > .ring-mask > em {
  font-size: 0.3em;
  font-style: normal; }

.ring > .ring-mask > em {
  display: none; }

.ring > .ring-mask > em > i {
  font-size: 2.5em; }

.ring > .ring-mask > span {
  font-size: 12px;
  margin-top: 0.25rem; }

.selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.selector > dt {
  white-space: nowrap;
  padding-right: 0.5rem; }

.selector > dd {
  margin: 0; }

.selector > dd > a {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border: solid 1px transparent;
  color: inherit; }

.selector > dd > a.active {
  border-color: #ddd;
  pointer-events: none; }

.selector > dd > a:hover {
  color: #f5222d; }

.selector-group {
  border: solid 1px #ddd; }

.selector-group > .selector {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  padding: 0.5rem; }

.selector-group > .selector:last-child {
  border-bottom: none; }

.selector-group > .selector > dt {
  padding-left: 0.5rem; }

.selector-group > .selector > dd > a.active {
  border-color: rgba(0, 0, 0, 0.05); }

.tips,
.popove {
  position: absolute;
  z-index: 5;
  max-width: 16rem;
  border-radius: 0.25rem; }

.tips {
  background: #333;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-color: #333; }

.popove {
  background: #fff;
  border: solid 1px #ddd;
  font-size: 0.875rem;
  min-width: 10rem; }

.popove > .popove-title {
  display: block;
  background-color: #f5f5f5;
  padding: 0.25rem 0.75rem;
  border-bottom: solid 1px transparent;
  border-color: inherit;
  border-radius: 0.25rem 0.25rem 0 0; }

.popove > .popove-title:empty {
  display: none; }

.popove > .popove-body {
  padding: 0.75rem; }

.tips::before,
.popove::before,
.popove::after,
.popove.popove-bottom > .popove-title::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-color: transparent; }

.tips::before {
  border-width: 5px; }

.popove::before {
  border-width: 10px; }

.popove::after,
.popove.popove-bottom > .popove-title::after {
  border-width: 9px; }

.tips.tips-top::before,
.tips.tips-bottom::before {
  left: 50%;
  margin-left: -5px; }

.tips.tips-left::before,
.tips.tips-right::before {
  top: 50%;
  margin-top: -5px; }

.tips.tips-top::before {
  bottom: -5px;
  border-bottom-width: 0;
  border-top-color: inherit; }

.tips.tips-right::before {
  left: -5px;
  border-left-width: 0;
  border-right-color: inherit; }

.tips.tips-bottom::before {
  top: -5px;
  border-top-width: 0;
  border-bottom-color: inherit; }

.tips.tips-left::before {
  right: -5px;
  border-right-width: 0;
  border-left-color: inherit; }

.popove.popove-top::before,
.popove.popove-bottom::before {
  left: 50%;
  margin-left: -10px; }

.popove.popove-left::before,
.popove.popove-right::before {
  top: 50%;
  margin-top: -9px; }

.popove.popove-top::after,
.popove.popove-bottom::after,
.popove.popove-bottom > .popove-title::after {
  left: 50%;
  margin-left: -9px; }

.popove.popove-left::after,
.popove.popove-right::after {
  top: 50%;
  margin-top: -8px; }

.popove.popove-top::before {
  bottom: -10px;
  border-bottom-width: 0;
  border-top-color: inherit; }

.popove.popove-right::before {
  left: -10px;
  border-left-width: 0;
  border-right-color: inherit; }

.popove.popove-bottom::before {
  top: -10px;
  border-top-width: 0;
  border-bottom-color: inherit; }

.popove.popove-left::before {
  right: -10px;
  border-right-width: 0;
  border-left-color: inherit; }

.popove.popove-top::after {
  bottom: -9px;
  border-bottom-width: 0;
  border-top-color: #fff; }

.popove.popove-right::after {
  left: -9px;
  border-left-width: 0;
  border-right-color: #fff; }

.popove.popove-bottom::after {
  top: -9px;
  border-top-width: 0;
  border-bottom-color: #fff; }

.popove.popove-left::after {
  right: -9px;
  border-right-width: 0;
  border-left-color: #fff; }

.popove.popove-bottom > .popove-title::after {
  top: -9px;
  border-top-width: 0;
  border-bottom-color: #f5f5f5;
  z-index: 2; }

.service {
  display: inline-block; }

.service[class*="-bottom"] {
  bottom: 1rem; }

.service[class*="-top"] {
  top: 1rem; }

.service[class*="-left"] {
  left: 0.5rem; }

.service[class*="-right"] {
  right: 0.5rem; }

.service .service-item {
  position: relative; }

.service .service-item:hover::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05); }

.service .service-item > .service-body {
  display: none; }

.service .service-item:hover > .service-body {
  position: absolute;
  top: 0;
  left: 100%;
  display: inline-block;
  min-width: auto; }

.service .service-item:hover > .service-body.tips {
  top: 5px; }

.service .service-item:hover > .service-body.popove {
  margin-top: -1px; }

.service .service-item:hover > .service-body.popove::before,
.service .service-item:hover > .service-body.popove::after {
  top: 20px; }

.service[class*="-right"] .service-item:hover > .service-body {
  left: auto;
  right: 100%; }

.service[class*="-bottom"] .service-item:hover > .service-body {
  top: auto;
  bottom: 0; }

.service[class*="-bottom"] .service-item:hover > .service-body.popove::before {
  top: auto;
  bottom: 9px; }

.service[class*="-bottom"] .service-item:hover > .service-body.popove::after {
  top: auto;
  bottom: 10px; }

.timeline {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0; }

.timeline > li {
  position: relative;
  padding: 0 0 1rem 1.5rem; }

.timeline > li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  height: 100%;
  border-left: dashed 2px #ddd; }

.timeline > li::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 6px;
  width: 12px;
  height: 12px;
  border: solid 2px #ddd;
  border-radius: 50%;
  background-color: #fff; }

.timeline > li.active::after {
  background-color: #f5222d;
  border-color: transparent; }

.timeline > li.active:not(:last-child)::before {
  border-left: solid 2px #f5222d; }

.timeline > li > .timeline-title {
  display: block; }

.timeline > li > .tips,
.timeline > li > .timeline-title > .tips {
  position: relative;
  display: inline-block; }

.timeline > li > .popove {
  position: relative;
  display: block;
  min-width: auto;
  max-width: 100%; }

.timeline > li > .popove::before,
.timeline > li > .popove::after {
  top: 12px; }

.timeline > li > .popove.popove-title::after {
  border-right-color: #f5f5f5; }

.timeline:not(.timeline-aside) > li > .timeline-title,
.timeline:not(.timeline-aside) > li > .tips {
  margin-bottom: 0.5rem; }

.timeline.timeline-aside {
  padding-left: 6.5rem; }

.timeline.timeline-aside > li > .timeline-title {
  position: absolute;
  left: -6.5rem;
  top: -3px;
  width: 5rem;
  text-align: right; }

.timeline.timeline-center > li {
  margin-left: 50%;
  margin-right: auto; }

.timeline.timeline-center > li:nth-child(2n) {
  margin-right: 50%;
  margin-left: auto;
  text-align: right;
  padding-right: 1.5rem;
  padding-left: 0; }

.timeline.timeline-center > li:nth-child(2n)::before {
  left: auto;
  right: -2px; }

.timeline.timeline-center > li:nth-child(2n)::after {
  left: auto;
  right: -7px; }

.timeline.timeline-center > li:nth-child(2n) > .popove.popove-title::after {
  border-left-color: #f5f5f5; }

.timeline.timeline-center > li:nth-child(2n) > .timeline-body,
.timeline.timeline-center > li:nth-child(2n) > .popove {
  text-align: left; }

.timeline.timeline-center.timeline-aside {
  padding-left: 0; }

.timeline.timeline-center.timeline-aside > li:nth-child(2n) > .timeline-title {
  left: auto;
  right: -6.5rem;
  text-align: left; }

.loader {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  width: 1.5em;
  height: 1em;
  color: #f5222d; }

.loader::before,
.loader > i {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.5em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  opacity: 0.9;
  margin-left: -0.5rem; }

.loader::before {
  border-color: currentColor;
  -webkit-animation: loaderleft 1.5s ease-in-out infinite, loaderleftz 0.66s ease-in-out infinite;
          animation: loaderleft 1.5s ease-in-out infinite, loaderleftz 0.66s ease-in-out infinite; }

.loader > i {
  color: #f04134;
  border-color: currentColor;
  -webkit-animation: loaderright 1.5s ease-in-out infinite, loaderrightz 0.66s ease-in-out infinite;
          animation: loaderright 1.5s ease-in-out infinite, loaderrightz 0.66s ease-in-out infinite; }

@-webkit-keyframes loaderleft {
  0% {
    left: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  50% {
    left: 100%;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    left: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes loaderleft {
  0% {
    left: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  50% {
    left: 100%;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    left: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@-webkit-keyframes loaderright {
  0% {
    left: 100%;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  50% {
    left: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    left: 100%;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes loaderright {
  0% {
    left: 100%;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  50% {
    left: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    left: 100%;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@-webkit-keyframes loaderleftz {
  0% {
    z-index: 0; }
  50% {
    z-index: 1; }
  100% {
    z-index: 0; } }

@keyframes loaderleftz {
  0% {
    z-index: 0; }
  50% {
    z-index: 1; }
  100% {
    z-index: 0; } }

@-webkit-keyframes loaderrightz {
  0% {
    z-index: 1; }
  50% {
    z-index: 0; }
  100% {
    z-index: 1; } }

@keyframes loaderrightz {
  0% {
    z-index: 1; }
  50% {
    z-index: 0; }
  100% {
    z-index: 1; } }

.loader-circle {
  display: inline-block;
  font-size: 1rem;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  position: relative;
  color: #f5222d;
  border: solid 0.1em currentColor;
  border-left-color: transparent;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: loadercircle 1.1s infinite linear;
          animation: loadercircle 1.1s infinite linear; }

.loader-circle[class*="border"] {
  border-left-color: transparent !important; }

@-webkit-keyframes loadercircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loadercircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.loader-dot {
  display: inline-block;
  font-size: 1rem;
  width: 3em;
  height: 1em;
  text-align: center;
  position: relative;
  color: #f5222d; }

.loader-dot > i,
.loader-dot::before,
.loader-dot::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: loaderdot 1.4s infinite ease-in-out;
          animation: loaderdot 1.4s infinite ease-in-out; }

.loader-dot > i {
  vertical-align: top;
  background-color: currentColor;
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s; }

.loader-dot::before,
.loader-dot::after {
  content: "";
  position: absolute;
  background-color: currentColor; }

.loader-dot::before {
  left: 0;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s; }

.loader-dot::after {
  left: 2em; }

@-webkit-keyframes loaderdot {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40%,
  60% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }

@keyframes loaderdot {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40%,
  60% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }

/*nav*/
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0; }

.nav > li {
  display: list-item; }

.nav > li > a {
  padding: 0.5em 1em;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  color: #4d4d4d;
  outline: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.nav > li.active > a,
.nav > li > a:hover,
.nav > li > a:active {
  color: #f5222d;
  z-index: 1; }

.nav > li > select {
  min-width: 4rem;
  height: 100%;
  color: #f5222d;
  padding: 0.25rem 1.25rem 0.25rem 1rem;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px; }

.nav > li > select::-ms-expand {
  display: none; }

.nav > li.disabled {
  pointer-events: none;
  opacity: 0.5; }

.nav.nav-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.nav.nav-divider > li:not(:first-child) > a {
  border-left: 1px solid rgba(0, 0, 0, 0.1); }

.nav.nav-divider-line > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nav.nav-divider-line > li:not(:first-child)::before {
  content: "";
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  height: 1.25rem; }

.nav.nav-divider-line > li > a {
  width: 100%; }

.nav.nav-box {
  border: solid 1px #ddd; }

.nav.nav-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  text-align: center; }

.nav.nav-right {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.nav.nav-block > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center; }

.nav.nav-small > li > a {
  padding: 0.25em 1em !important;
  font-size: 0.875rem !important; }

.nav.nav-big > li > a {
  padding: 0.75em 1em !important;
  font-size: 1.125rem !important; }

.nav > li:first-child,
.nav > li:first-child > a {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit; }

.nav.nav-block > li:last-child,
.nav.nav-block > li:last-child > a {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit; }

.nav.nav-inverse > li > a {
  color: #fff; }

.nav.nav-inverse > li > select {
  color: #fff;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px; }

.nav.nav-inverse > li.active > a,
.nav.nav-inverse > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.nav.nav-inverse.nav-divider > li > a,
.nav.nav-inverse.nav-divider-line > li::before {
  border-color: rgba(255, 255, 255, 0.2); }

.nav > li > .dropdown > .nav-menu {
  width: 100%; }

.nav.nav-menu {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.nav.nav-menu > li {
  text-align: center; }

.nav.nav-menu > li.nav-title {
  font-weight: bold;
  padding: 0.5rem 1rem;
  font-size: 75%;
  color: rgba(0, 0, 0, 0.5);
  text-align: center; }

.nav.nav-menu.nav-divider > li:not(:first-child) > a {
  border-left: none;
  border-top: solid 1px rgba(0, 0, 0, 0.1); }

.nav.nav-menu.nav-divider > li.nav-title {
  border-top: solid 1px #ddd;
  background: #f5f5f5; }

.nav.nav-menu > li.nav-divider {
  margin: 0.25rem 0;
  border-top: 1px solid #ddd; }

.nav.nav-menu.nav-divider-line > li:not(:first-child)::before {
  border-left: none; }

.nav.nav-menu > li:first-child,
.nav.nav-menu > li:first-child > a {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: 0; }

.nav.nav-menu > li:last-child,
.nav.nav-menu > li:last-child > a {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-right-radius: 0; }

.nav-arrow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.nav-arrow::after {
  content: "";
  width: 0.675rem;
  height: 0.675rem;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.5; }

.nav.nav-menu > li.drop > a.nav-arrow::before,
.nav.nav-menu > li.drop > a.nav-arrow::after {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 1px;
  top: 50%;
  background: currentColor;
  right: 1rem;
  border: none;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  -o-transition: transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
  opacity: 0.5; }

.nav.nav-menu > li.drop > a.nav-arrow::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.nav.nav-menu > li.drop:hover > a.nav-arrow::after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.nav.nav-line > li {
  border-bottom: solid 2px #ddd; }

.nav.nav-line.nav-box > li {
  margin-bottom: -1px; }

.nav.nav-line.nav-line-top > li {
  border-top: solid 2px #ddd;
  border-bottom: none; }

.nav.nav-line.nav-line-top.nav-box > li {
  margin-top: -1px;
  margin-bottom: 0; }

.nav.nav-line > li.active,
.nav.nav-line > li:hover {
  border-color: #f5222d; }

.nav.nav-line.nav-inverse > li {
  border-color: rgba(255, 255, 255, 0.25); }

.nav.nav-line.nav-inverse > li.active,
.nav.nav-line.nav-inverse > li:hover {
  border-color: #fff; }

.nav.nav-line.nav-inverse > li.active > a,
.nav.nav-line.nav-inverse > li > a:hover {
  background-color: transparent; }

.nav.nav-line.nav-menu > li {
  border-width: 1px; }

.nav.nav-line.nav-menu > li.active {
  border-width: 2px; }

.nav.nav-card:not(.nav-menu) > li:not(:last-child) {
  margin-right: 0.25rem; }

.nav.nav-card.nav-menu > li:not(:last-child) {
  margin-bottom: 0.25rem; }

.nav.nav-card.nav-box {
  padding: 0.25rem; }

.nav.nav-card > li.active > a,
.nav.nav-card > li:hover > a {
  background-color: #f5222d;
  border-radius: 0.25rem;
  color: #fff; }

.nav.nav-card.nav-divider-line > li.active::before,
.nav.nav-card.nav-divider-line > li.active + li::before,
.nav.nav-card.nav-divider-line > li:hover::before,
.nav.nav-card.nav-divider-line > li:hover + li::before {
  border-color: transparent; }

.nav.nav-card.nav-inverse > li.active > a,
.nav.nav-card.nav-inverse > li:hover > a {
  background-color: #fff;
  color: #4d4d4d; }

.nav.nav-card.nav-menu.nav-divider > li.active > a,
.nav.nav-card.nav-menu.nav-divider > li.active + li > a,
.nav.nav-card.nav-menu.nav-divider > li:hover > a,
.nav.nav-card.nav-menu.nav-divider > li:hover + li > a {
  border-color: transparent; }

.nav.nav-icon > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nav.nav-icon > li > a > .nav-media {
  line-height: 1.5; }

.nav.nav-icon.nav-block > li > a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.nav.nav-icon.nav-icon-text > li > a > .nav-media {
  margin-right: 0.5rem; }

.nav.nav-icon.nav-icon-wrap > li > a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.nav.nav-icon.nav-icon-wrap > li > a:not(:last-child) {
  margin-bottom: 1rem; }

.nav.nav-icon.nav-icon-wrap > li > a > .nav-media {
  margin-bottom: 0.25rem;
  margin-right: 0; }

.nav.nav-icon.nav-menu > li.nav-title {
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  margin-bottom: -1px;
  z-index: 2; }

.nav.nav-tabs {
  border-bottom: solid 1px #ddd; }

.nav.nav-tabs:not(.nav-menu) > li:not(:last-child) {
  margin-right: 0.25rem; }

.nav.nav-tabs.nav-menu > li:not(:last-child) {
  margin-bottom: 0.25rem; }

.nav.nav-tabs.nav-box {
  padding: 0 2rem;
  padding-top: 0.25rem; }

.nav.nav-tabs > li {
  margin-bottom: -1px; }

.nav.nav-tabs > li > a {
  border: solid 1px transparent;
  border-radius: 0.25rem 0.25rem 0 0; }

.nav.nav-tabs > li > a:last-child {
  border-bottom-right-radius: 0; }

.nav.nav-tabs > li.active > a {
  border-color: #ddd;
  border-bottom-color: transparent;
  background-color: #fff; }

.nav.nav-tabs > li:not(.active):hover > a {
  border-color: #ddd; }

.nav.nav-tabs.nav-divider-line > li.active::before,
.nav.nav-tabs.nav-divider-line > li.active + li::before,
.nav.nav-tabs.nav-divider-line > li:hover::before,
.nav.nav-tabs.nav-divider-line > li:hover + li::before {
  border-color: transparent; }

.nav.nav-tabs.nav-inverse,
.nav.nav-tabs.nav-inverse > li.active,
.nav.nav-tabs.nav-inverse > li.active > a {
  background-color: inherit; }

.nav.nav-tabs.nav-menu:not(.nav-box) {
  border-bottom: none; }

.nav.nav-tabs.nav-menu.nav-box {
  padding: 0.25rem; }

.nav.nav-tabs.nav-menu > li:not(:last-child) {
  margin-bottom: 0.25rem; }

.nav.nav-tabs.nav-menu > li.active > a,
.nav.nav-tabs.nav-menu > li > a:hover {
  border-radius: 0.25rem !important;
  border-bottom-color: #ddd; }

.nav.nav-tabs.nav-menu.nav-divider > li:not(.active):not(:first-child) > a {
  border-radius: 0; }

.nav.nav-tabs.nav-menu.nav-divider > li.active > a,
.nav.nav-tabs.nav-menu.nav-divider > li > a:hover {
  border-left: solid 1px #ddd; }

.nav.nav-tabs.nav-menu.nav-divider > li.active + li > a,
.nav.nav-tabs.nav-menu.nav-divider > li:hover + li > a {
  border-color: transparent; }

.nav.nav-tabs.nav-menu.nav-divider > li.active + li > a:hover,
.nav.nav-tabs.nav-menu.nav-divider > li:hover + li.active > a {
  border-color: #ddd !important; }

.nav.nav-tabs-card > li > a {
  border: solid 1px #ddd;
  background-color: #f5f5f5; }

.nav.nav-tabs-card > li:not(:first-child) > a {
  margin-left: -1px; }

.nav.nav-tabs-card > li.active > a {
  border-top-width: 2px;
  border-top-color: #f5222d;
  border-bottom: none;
  background-color: transparent; }

.nav.nav-tabs-card.nav-inverse > li > a {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1); }

.nav.nav-tabs-card.nav-inverse > li.active > a {
  border-top-color: #fff;
  background-color: transparent;
  border-bottom-color: transparent; }

.nav.nav-tabs-card.nav-menu > li:not(:first-child) > a {
  margin: -1px 0 0 0; }

.nav.nav-turn {
  color: #ddd;
  font-size: 1rem; }

.nav.nav-turn > li,
.nav.nav-turn > li > a {
  border-color: currentColor;
  color: inherit; }

.nav.nav-turn > li > a {
  padding: 0;
  width: 0.75em;
  height: 0.75em;
  border-radius: 0.5em !important;
  border-style: solid;
  border-width: 2px; }

.nav.nav-turn > li:not(:last-child) {
  margin-right: 0.5em; }

.nav.nav-turn > li.active {
  color: #f5222d; }

.nav.nav-turn > li.active > a {
  background-color: currentColor; }

.nav.nav-turn.nav-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.nav.nav-turn.nav-menu > li:not(:last-child) {
  margin-bottom: 0.5em;
  margin-right: 0; }

.nav.nav-turn.nav-turn-line > li > a {
  width: 1.5em;
  height: 0.5em; }

.nav.nav-turn.nav-turn-dot > li > a {
  background-color: currentColor; }

.nav.nav-turn.nav-turn-line > li.active > a {
  width: 2.5em; }

.nav.nav-turn.nav-menu.nav-turn-line > li > a {
  width: 0.5em;
  height: 1.5em; }

.nav.nav-turn.nav-menu.nav-turn-line > li.active > a {
  height: 2.5em; }

.nav.nav-win {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  height: 1em;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.5em; }

.nav.nav-win > li {
  position: relative;
  width: 1em;
  height: 1em;
  color: #fff; }

.nav.nav-win > li:not(:last-child) {
  border-right: solid 1px rgba(255, 255, 255, 0.15); }

.nav.nav-win > li:first-child {
  width: 1.1em;
  padding-left: 0.1em;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit; }

.nav.nav-win > li:last-child {
  width: 1.1em;
  padding-right: 0.1em;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit; }

.nav.nav-win > li.close::before {
  content: "";
  position: absolute;
  width: 0.6em;
  height: 0.1em;
  left: 0.3em;
  top: 0.45em;
  background-color: currentColor;
  border-radius: 0.1em;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.nav.nav-win > li.close::after {
  content: "";
  position: absolute;
  width: 0.1em;
  height: 0.6em;
  left: 0.55em;
  top: 0.2em;
  background-color: currentColor;
  border-radius: 0.1em;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.nav.nav-win > li.minimize::before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.1em;
  left: 0.25em;
  top: 0.45em;
  background-color: currentColor;
  border-radius: 0.1em; }

.nav.nav-win > li.maximize::before,
.nav.nav-win > li.maximize::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0.475em;
  top: 0.125em;
  border: 0.225em solid transparent;
  border-bottom-color: currentColor;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.nav.nav-win > li.maximize::after {
  left: 0.125em;
  top: 0.5em;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }

.nav.nav-win > li.close:hover {
  background-color: #f04134; }

.nav.nav-win > li.minimize:hover {
  background-color: #ffbf00; }

.nav.nav-win > li.maximize:hover {
  background-color: #108ee9; }

.nav.nav-step {
  color: #ddd; }

.nav.nav-step > li {
  padding-top: 1rem; }

.nav.nav-step > li::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  border-top-style: dashed;
  border-top-width: 2px;
  border-top-color: currentColor; }

.nav.nav-step > li:first-child::before {
  left: 50%;
  width: 50%; }

.nav.nav-step > li:last-child::before {
  width: 50%; }

.nav.nav-step > li::after {
  content: "";
  font-size: 12px;
  line-height: 1rem;
  position: absolute;
  left: 50%;
  top: -6px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: inherit; }

.nav.nav-step > li[title]::after {
  content: attr(title);
  width: 20px;
  height: 20px;
  top: -9px;
  margin-left: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nav.nav-step > li > a {
  color: currentColor; }

.nav.nav-step > li.active {
  color: #f5222d; }

.nav.nav-step > li.active::after {
  border-color: currentColor;
  border-width: 7px; }

.nav.nav-step > li[title].active::after {
  border-width: 2px; }

.nav.nav-step > li.active:not(:last-child)::before {
  border-top-style: solid;
  border-top-color: currentColor; }

.nav.nav-page {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.25rem; }

.nav.nav-page > li {
  border: solid 1px #ddd; }

.nav.nav-page > li:not(:first-child) {
  margin-left: -1px; }

.nav.nav-page > li:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit; }

.nav.nav-page > li > a {
  padding: 0.375rem 0.75rem; }

.nav.nav-page > li:hover {
  background-color: #f5f5f5; }

.nav.nav-page > li.active {
  border-color: transparent;
  z-index: 1;
  background-color: #f5222d; }

.nav.nav-page > li.active > a {
  color: #fff;
  background-color: transparent; }

.nav.nav-page.nav-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.nav.nav-page.nav-divider > li {
  border-radius: 0.25rem;
  margin-left: 0; }

.nav.nav-page.nav-divider > li:not(:last-child) {
  margin-right: 0.25rem; }

.nav.nav-page.nav-divider > li > a {
  border: none; }

.nav.nav-page.nav-inverse > li:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.nav.nav-page.nav-inverse > li.active {
  background-color: #fff; }

.nav.nav-page.nav-inverse > li.active > a {
  color: #f5222d; }

.nav.nav-page.nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.nav.nav-page.nav-menu > li:not(:first-child) {
  margin-left: 0;
  margin-top: -1px; }

.nav.nav-page.nav-menu > li:last-child:not(:first-child) {
  border-top-right-radius: 0; }

.nav.nav-page.nav-menu.nav-divider > li:not(:last-child) {
  margin-right: 0;
  margin-bottom: 0.25rem; }

.nav.nav-page.nav-menu.nav-divider > li > a {
  border: none; }

.nav.nav-page.nav-menu.nav-divider > li:last-child {
  border-top-right-radius: inherit; }

.nav-page-menu,
.nav-page-menu > .nav.nav-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.nav-page-menu > .nav.nav-page:not(:first-child) {
  margin-top: 0.25rem; }

.nav.nav-breadcrumb > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.nav.nav-breadcrumb > li:not(:last-child)::after {
  content: "\002f";
  display: list-item;
  opacity: 0.25; }

.nav.nav-breadcrumb.nav-breadcrumb-arrows > li:not(:last-child)::after {
  content: "\00bb"; }

.nav.nav-breadcrumb.nav-inverse > li::after {
  color: #fff; }

.nav.nav-switch {
  position: relative;
  width: 2em;
  height: 1.5em;
  color: #999;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: solid 1px rgba(0, 0, 0, 0); }

.nav.nav-switch > li {
  background: currentColor;
  width: 100%;
  height: 1px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.nav.nav-switch > li > a {
  opacity: 0;
  display: none; }

.nav.nav-switch.nav-open > li:not(:first-child):not(:last-child) {
  background-color: transparent; }

.nav.nav-switch.nav-open > li:first-child {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.nav.nav-switch.nav-open > li:last-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.navbar {
  position: relative;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .navbar > .navbar-logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .navbar > .navbar-addon + .nav.nav-switch {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .navbar.navbar-show > .navbar-body {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: 10%; }

.navbar-outer {
  position: relative; }
  .navbar-outer.navbar-show > .navbar {
    padding: 1.25rem 1rem; }
  .navbar-outer:not(.navbar-show) .navbar-body.container {
    width: 100% !important;
    padding: 0 !important; }

.navbar-body {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 2;
  display: none; }
  .navbar-body > .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .navbar-body > .nav > li > .nav {
      margin: 1rem;
      margin-top: 0;
      display: none;
      position: relative; }
    .navbar-body > .nav > li:hover > .nav {
      display: block; }
  .navbar-body > .navbar-after {
    padding: 0.5rem 1rem;
    border-radius: inherit;
    text-align: center; }

.navbar:not(.navbar-show) > .navbar-body,
.navbar-outer:not(.navbar-show) .navbar-body {
  width: 100%; }

.navbar-body > .nav.nav-divider > li:not(:first-child) > a,
.navbar-body > .nav.nav-divider + .navbar-after {
  border-left-width: 0;
  border-top: solid 1px #ddd; }

.navbar-show .nav.nav-switch {
  display: none; }

.navbar-show .navbar-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: transparent !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .navbar-show .navbar-body > .nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .navbar-show .navbar-body > .nav > li > .nav {
      margin: 0;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      min-width: 10rem; }

.navbar-show.navbar-divider-none .navbar-body > .nav.nav-divider > li > a {
  border-left-width: 0; }

.navbar-show.navbar-show-divider .navbar-body > .nav > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .navbar-show.navbar-show-divider .navbar-body > .nav > li:not(:first-child)::before {
    content: "";
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    height: 1.25rem;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.navbar-show.navbar-show-block .navbar-body > .nav,
.navbar-show.navbar-show-block .navbar-body > .nav > li,
.navbar-show.navbar-show-block .navbar-body > .nav > li > a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center; }

.navbar-show .navbar-body > .nav.nav-divider > li > a,
.navbar-show .navbar-body > .nav.nav-divider + .navbar-after {
  border-left-width: 1px;
  border-top-width: 0; }

.navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li.active::before,
.navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li:hover::before,
.navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li.active + li::before,
.navbar-show.navbar-show-divider .navbar-body > .nav.nav-inverse > li:hover + li::before {
  border-color: transparent; }

.navbar-inverse .nav.nav-switch,
.navbar-inverse .navbar-logo,
.navbar-inverse .navbar-addon,
.navbar-inverse .navbar-addon a,
.navbar-inverse.navbar-show,
.navbar-inverse.navbar-show .navbar-body > .navbar-after a,
.navbar-inverse.navbar-show .navbar-body > .nav > li > a,
.navbar-show-inverse.navbar-show,
.navbar-show-inverse.navbar-show .navbar-body > .navbar-after a,
.navbar-show-inverse.navbar-show .navbar-body > .nav > li > a {
  color: #fff; }

.sidebar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.sidebar.sidebar-right {
  left: auto;
  right: 0; }

.sidebar > .nav-switch {
  position: absolute;
  top: 1rem;
  right: -2.5rem; }

.sidebar.sidebar-right > .nav-switch {
  right: auto;
  left: -2.5rem; }

.sidebar.sidebar-close {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

.sidebar.sidebar-right.sidebar-close {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

.sidebar.sidebar-hold.sidebar-close {
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important; }

.sidebar.relative.sidebar-close {
  position: absolute !important; }

.sidebar.relative.sidebar-hold.sidebar-close {
  position: relative !important; }

.sidebar.sidebar-hold.sidebar-close .nav > li > a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.sidebar.sidebar-hold.sidebar-close .nav > li > a > .nav-media {
  margin-right: 0; }

.sidebar.sidebar-hold .sidebar-hidden {
  white-space: nowrap;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.sidebar.sidebar-hold.sidebar-close .sidebar-hidden {
  display: none !important; }

.tab > .tab-body {
  padding: 1rem 0; }

.tab > .tab-body > .tab-item {
  display: none;
  -webkit-transition: all 0.4s ease 0.05s;
  -o-transition: all 0.4s ease 0.05s;
  transition: all 0.4s ease 0.05s; }

.tab > .tab-body > .tab-item.active {
  display: block; }

.tab.tab-box > .tab-body {
  padding: 1rem;
  border: solid 1px #ddd;
  border-radius: 0.25rem; }

.tab.tab-box > .nav.nav-tabs {
  border-bottom: none;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.25rem; }

.tab.tab-box > .nav.nav-tabs-card {
  margin-bottom: -2px; }

.tab.tab-box > .nav.nav-tabs-card > li.active {
  background: #fff; }

.tab.tab-box > .nav.nav-tabs-card + .tab-body {
  border-radius: 0; }

.fold {
  border: solid 1px #ddd;
  border-radius: 0.25rem; }

.fold > .fold-item {
  border-radius: inherit; }

.fold > .fold-item > .fold-head {
  background: #f5f5f5;
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-bottom: solid 1px #ddd; }

.fold > .fold-item > .fold-body {
  padding: 1rem;
  display: none; }

.fold > .fold-item:not(:last-child) > .fold-body {
  border-bottom: solid 1px #ddd; }

.fold > .fold-item:first-child > .fold-head {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.fold > .fold-item:last-child:not(.active) > .fold-head {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-color: transparent; }

.fold.fold-arrow > .fold-item > .fold-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.fold.fold-arrow > .fold-item > .fold-head::after {
  content: "";
  width: 0.675rem;
  height: 0.675rem;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.5;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.fold.fold-arrow > .fold-item.active > .fold-head::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.falls {
  position: relative;
  width: 100%;
  -webkit-transition: all 0.5s ease 0.2s;
  -o-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s; }

.falls > .falls-item {
  position: absolute;
  margin-top: 1rem;
  opacity: 0; }

.falls > .falls-item.active {
  margin-top: 0;
  opacity: 1; }

.falls > .falls-loading {
  position: absolute;
  font-size: 0.75rem;
  bottom: 0.5rem;
  left: 50%;
  margin-left: -0.75rem; }

.dialog {
  display: none;
  overflow-x: hidden;
  overflow-y: auto; }

.dialog,
.dialog-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.dialog-open {
  overflow: hidden; }

.dialog-barwidth {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.dialog > .dialog-body {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.dialog.dialog-uncover,
.dialog:not(.dialog-uncover) > .dialog-body {
  opacity: 0;
  -webkit-transition: margin 0.4s ease 0.05s;
  -o-transition: margin 0.4s ease 0.05s;
  transition: margin 0.4s ease 0.05s;
  margin-top: -3rem; }

.dialog.dialog-uncover.active,
.dialog.active > .dialog-body {
  margin-top: 0;
  opacity: 1; }

.dialog.dialog-uncover.active:not([class*="fixed-"]) {
  bottom: auto; }

.dialog > .dialog-body > .nav.nav-win {
  position: absolute;
  font-size: 18px;
  right: 1rem;
  top: 1.1rem; }

.dialog > .dialog-body > i.dialog-close {
  position: absolute;
  left: 50%;
  bottom: -4rem;
  font-size: 2rem;
  cursor: pointer;
  font-style: normal;
  font-weight: 100;
  line-height: 0.85;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%; }

.dialog > .dialog-body > i.dialog-close:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5); }

.dialog[class*="fixed-right"],
.dialog > .dialog-body[class*="fixed-right"] {
  position: fixed !important;
  margin-top: auto;
  margin-right: -3rem; }

.dialog[class*="fixed-bottom"],
.dialog > .dialog-body[class*="fixed-bottom"] {
  position: fixed !important;
  margin-bottom: -3rem;
  bottom: 0 !important; }

.dialog[class*="fixed-left"],
.dialog > .dialog-body[class*="fixed-left"] {
  position: fixed !important;
  margin-top: auto;
  margin-left: -3rem; }

.dialog.active[class*="fixed-right"],
.dialog.active > .dialog-body[class*="fixed-right"] {
  margin-right: 0; }

.dialog.active[class*="fixed-bottom"],
.dialog.active > .dialog-body[class*="fixed-bottom"] {
  margin-bottom: 0; }

.dialog.active[class*="fixed-left"],
.dialog.active > .dialog-body[class*="fixed-left"] {
  margin-left: 0; }

.dialog.fixed-top-center,
.dialog > .dialog-body.fixed-top-center {
  margin-left: auto;
  margin-right: auto; }

.dialog.fixed-right-center,
.dialog > .dialog-body.fixed-right-center {
  right: 0;
  bottom: auto;
  left: auto; }

.dialog.fixed-bottom-center,
.dialog > .dialog-body.fixed-bottom-center {
  margin-left: auto;
  margin-right: auto;
  bottom: 0 !important;
  top: auto; }

.dialog.fixed-left-center,
.dialog > .dialog-body.fixed-left-center {
  bottom: auto; }

.dialog-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  border-radius: 0.5rem; }

.dialog-content.dialog-content-iframe {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.dialog-content > .dialog-text {
  padding: 1.5rem 0.75rem;
  width: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: #fff;
  border-bottom: solid 1px #eee;
  color: #666; }

.dialog-content > .dialog-text:first-child:last-child {
  padding: 1rem 1.5rem;
  border-radius: inherit;
  border-bottom: none;
  width: auto;
  margin: 0 auto; }

.dialog-content > .dialog-text:last-child {
  border-bottom-left-radius: inherit !important;
  border-bottom-right-radius: inherit !important;
  border-bottom: none; }

.dialog-confirm,
.dialog-cancel {
  padding: 0.75rem;
  width: 50%;
  border: none;
  background-color: #fff;
  cursor: pointer; }

.dialog-confirm:hover,
.dialog-cancel:hover {
  background-color: #f5f5f5; }

.dialog-confirm {
  border-bottom-left-radius: inherit;
  color: #f5222d; }

.dialog-confirm:last-child {
  width: 100%;
  border-bottom-right-radius: inherit;
  margin-bottom: 0 !important; }

.dialog-cancel {
  border-bottom-right-radius: inherit;
  border-left: solid 1px #eee; }

.dialog-content > .dialog-title {
  background-color: #fff;
  width: 100%;
  padding-top: 0.75rem;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.dialog-content > .dialog-title + .dialog-text {
  border-radius: 0;
  padding: 0.75rem;
  padding-top: 0;
  font-size: 0.875rem; }

.dialog-content > .dialog-iframe {
  vertical-align: top;
  background-color: #fff;
  border-bottom: solid 1px #ddd;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.dialog-content.dialog-content-iframe > .dialog-title {
  padding: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap; }

.dialog-content > .dialog-title + .dialog-iframe {
  border-top: solid 1px #ddd; }

.dialog-content > .dialog-iframe:last-child,
.dialog-content > .dialog-button {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  background-color: #fff; }

.dialog-content > .dialog-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.25rem; }

.dialog-content.dialog-content-break > .dialog-text {
  font-size: 0.875rem; }

.dialog-content.dialog-content-break > .dialog-confirm {
  width: 100%;
  border-bottom-right-radius: inherit;
  margin-bottom: 1rem; }

.dialog-content.dialog-content-break > .dialog-cancel {
  width: 100%;
  border-radius: inherit;
  border-left: none; }

.dialog-content.dialog-content-dark > [class*="dialog-"] {
  background-color: #333;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15); }

.dialog-content.dialog-content-dark > .dialog-title + .dialog-text,
.dialog-content.dialog-content-dark > .dialog-cancel {
  color: #999; }

.dialog-content.dialog-content-dark > .dialog-confirm:hover,
.dialog-content.dialog-content-dark > .dialog-cancel:hover {
  background-color: #292929; }

.dialog.dialog-full,
.dialog > .dialog-body.dialog-full {
  position: fixed;
  left: 0 !important;
  right: 0;
  top: 0 !important;
  bottom: 0 !important;
  background-color: #fff; }

.dialog-big {
  width: 90%;
  height: 90%; }

.dialog-middle {
  width: 60%;
  height: 70%; }

.dialog-small {
  width: 30%;
  height: 50%; }

.dialog-max {
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0 !important; }

.dialog-min,
.dialog-min > .dialog-body {
  width: 18rem;
  text-align: left;
  height: auto; }

.dialog-min > .dialog-title,
.dialog-min > .dialog-body > .dialog-title {
  border-radius: inherit; }

.dialog-min > .dialog-iframe,
.dialog-min > .dialog-body > .dialog-iframe {
  display: none; }

.dialog-min > .dialog-button,
.dialog-min > .dialog-body > .dialog-button {
  display: none; }

/*layout*/
/*box*/
.p-xs {
  padding: 0.25rem !important; }

.pt-xs {
  padding-top: 0.25rem !important; }

.pr-xs {
  padding-right: 0.25rem !important; }

.pb-xs {
  padding-bottom: 0.25rem !important; }

.pl-xs {
  padding-left: 0.25rem !important; }

.py-xs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.px-xs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important; }

.p-sm {
  padding: 0.5rem !important; }

.pt-sm {
  padding-top: 0.5rem !important; }

.pr-sm {
  padding-right: 0.5rem !important; }

.pb-sm {
  padding-bottom: 0.5rem !important; }

.pl-sm {
  padding-left: 0.5rem !important; }

.py-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.px-sm {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.p-md {
  padding: 1rem !important; }

.pt-md {
  padding-top: 1rem !important; }

.pr-md {
  padding-right: 1rem !important; }

.pb-md {
  padding-bottom: 1rem !important; }

.pl-md {
  padding-left: 1rem !important; }

.py-md {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.px-md {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.p-lg {
  padding: 1.5rem !important; }

.pt-lg {
  padding-top: 1.5rem !important; }

.pr-lg {
  padding-right: 1.5rem !important; }

.pb-lg {
  padding-bottom: 1.5rem !important; }

.pl-lg {
  padding-left: 1.5rem !important; }

.py-md {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.px-md {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.p-xl {
  padding: 2rem !important; }

.pt-xl {
  padding-top: 2rem !important; }

.pr-xl {
  padding-right: 2rem !important; }

.pb-xl {
  padding-bottom: 2rem !important; }

.pl-xl {
  padding-left: 2rem !important; }

.py-xl {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.px-xl {
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.py-xs {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py-md {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py-lg {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py-xl {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.border, .icons-item {
  border: solid 1px #ddd; }

.border-t {
  border-top: solid 1px #ddd; }

.border-r {
  border-right: solid 1px #ddd; }

.border-b {
  border-bottom: solid 1px #ddd; }

.border-l {
  border-left: solid 1px #ddd; }

.border-xs {
  border-width: 0.125rem !important; }

.border-md {
  border-width: 0.25rem !important; }

.border-lg {
  border-width: 0.5rem !important; }

.border-xl {
  border-width: 1rem !important; }

.border-dashed {
  border-style: dashed !important; }

.border-dotted {
  border-style: dotted !important; }

.border-0 {
  border: none !important; }

.border-t-0 {
  border-top: none !important; }

.border-r-0 {
  border-right: none !important; }

.border-b-0 {
  border-bottom: none !important; }

.border-l-0 {
  border-left: none !important; }

.border-gray-100 {
  border-color: #F3F4F6; }

.border-gray-200 {
  border-color: #E5E7EB; }

.border-gray-300 {
  border-color: #D1D5DB; }

.border-gray-400 {
  border-color: #6B7280; }

.border-gray-500 {
  border-color: #4B5563; }

.border-gray-600 {
  border-color: #374151; }

.border-gray-700 {
  border-color: #1F2937; }

.border-gray-800 {
  border-color: #111827; }

.border-gray-900 {
  border-color: #111827; }

.border-none {
  border-style: none; }

.border-0 {
  border-width: 0px; }

.border-2 {
  border-width: 2px; }

.border-4 {
  border-width: 4px; }

.border-8 {
  border-width: 8px; }

.border, .icons-item {
  border-width: 1px; }

.border-t-0 {
  border-top-width: 0px; }

.border-r-0 {
  border-right-width: 0px; }

.border-b-0 {
  border-bottom-width: 0px; }

.border-l-0 {
  border-left-width: 0px; }

.border-t-2 {
  border-top-width: 2px; }

.border-r-2 {
  border-right-width: 2px; }

.border-b-2 {
  border-bottom-width: 2px; }

.border-l-2 {
  border-left-width: 2px; }

.border-t-4 {
  border-top-width: 4px; }

.border-r-4 {
  border-right-width: 4px; }

.border-b-4 {
  border-bottom-width: 4px; }

.border-l-4 {
  border-left-width: 4px; }

.border-t-8 {
  border-top-width: 8px; }

.border-r-8 {
  border-right-width: 8px; }

.border-b-8 {
  border-bottom-width: 8px; }

.border-l-8 {
  border-left-width: 8px; }

.border-t {
  border-top-width: 1px; }

.border-r {
  border-right-width: 1px; }

.border-b {
  border-bottom-width: 1px; }

.border-l {
  border-left-width: 1px; }

.m-xs {
  margin: 0.25rem !important; }

.mt-xs {
  margin-top: 0.25rem !important; }

.mr-xs {
  margin-right: 0.25rem !important; }

.mb-xs {
  margin-bottom: 0.25rem !important; }

.ml-xs {
  margin-left: 0.25rem !important; }

.m-sm {
  margin: 0.5rem !important; }

.mt-sm {
  margin-top: 0.5rem !important; }

.mr-sm {
  margin-right: 0.5rem !important; }

.mb-sm {
  margin-bottom: 0.5rem !important; }

.ml-sm {
  margin-left: 0.5rem !important; }

.m-md {
  margin: 1rem !important; }

.mt-md {
  margin-top: 1rem !important; }

.mr-md {
  margin-right: 1rem !important; }

.mb-md {
  margin-bottom: 1rem !important; }

.ml-md {
  margin-left: 1rem !important; }

.m-lg {
  margin: 1.5rem !important; }

.mt-lg {
  margin-top: 1.5rem !important; }

.mr-lg {
  margin-right: 1.5rem !important; }

.mb-lg {
  margin-bottom: 1.5rem !important; }

.ml-lg {
  margin-left: 1.5rem !important; }

.m-xl {
  margin: 2rem !important; }

.mt-xl {
  margin-top: 2rem !important; }

.mr-xl {
  margin-right: 2rem !important; }

.mb-xl {
  margin-bottom: 2rem !important; }

.ml-xl {
  margin-left: 2rem !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.m-0 {
  margin: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.my-xs {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my-sm {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-md {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my-lg {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my-xl {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mx-xs {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.mx-sm {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.mx-md {
  margin-left: 1rem;
  margin-right: 1rem; }

.mx-lg {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.mx-xl {
  margin-left: 2rem;
  margin-right: 2rem; }

/* Spacing */
/* Fonts */
/* Grid Count */
/* Grid Percents */
/* Tab Sizes */
/* Media Queries */
/* Smaller than the defined pixels are the dimensions for that range */
/* Margin */
.m-0 {
  margin: calc(0.5rem * 0) !important; }

.mt-0, .my-0 {
  margin-top: calc(0.5rem * 0) !important; }

.mb-0, .my-0 {
  margin-bottom: calc(0.5rem * 0) !important; }

.ml-0, .mx-0 {
  margin-left: calc(0.5rem * 0) !important; }

.mr-0, .mx-0 {
  margin-right: calc(0.5rem * 0) !important; }

/* Spacing */
.p-0 {
  padding: calc(0.5rem * 0) !important; }

.pt-0, .py-0 {
  padding-top: calc(0.5rem * 0) !important; }

.pb-0, .py-0 {
  padding-bottom: calc(0.5rem * 0) !important; }

.pl-0, .px-0 {
  padding-left: calc(0.5rem * 0) !important; }

.pr-0, .px-0 {
  padding-right: calc(0.5rem * 0) !important; }

/* Margin */
.m-1 {
  margin: calc(0.5rem * 1) !important; }

.mt-1, .my-1 {
  margin-top: calc(0.5rem * 1) !important; }

.mb-1, .my-1 {
  margin-bottom: calc(0.5rem * 1) !important; }

.ml-1, .mx-1 {
  margin-left: calc(0.5rem * 1) !important; }

.mr-1, .mx-1 {
  margin-right: calc(0.5rem * 1) !important; }

/* Spacing */
.p-1 {
  padding: calc(0.5rem * 1) !important; }

.pt-1, .py-1 {
  padding-top: calc(0.5rem * 1) !important; }

.pb-1, .py-1 {
  padding-bottom: calc(0.5rem * 1) !important; }

.pl-1, .px-1 {
  padding-left: calc(0.5rem * 1) !important; }

.pr-1, .px-1 {
  padding-right: calc(0.5rem * 1) !important; }

/* Margin */
.m-2 {
  margin: calc(0.5rem * 2) !important; }

.mt-2, .my-2 {
  margin-top: calc(0.5rem * 2) !important; }

.mb-2, .my-2 {
  margin-bottom: calc(0.5rem * 2) !important; }

.ml-2, .mx-2 {
  margin-left: calc(0.5rem * 2) !important; }

.mr-2, .mx-2 {
  margin-right: calc(0.5rem * 2) !important; }

/* Spacing */
.p-2 {
  padding: calc(0.5rem * 2) !important; }

.pt-2, .py-2 {
  padding-top: calc(0.5rem * 2) !important; }

.pb-2, .py-2 {
  padding-bottom: calc(0.5rem * 2) !important; }

.pl-2, .px-2 {
  padding-left: calc(0.5rem * 2) !important; }

.pr-2, .px-2 {
  padding-right: calc(0.5rem * 2) !important; }

/* Margin */
.m-3 {
  margin: calc(0.5rem * 3) !important; }

.mt-3, .my-3 {
  margin-top: calc(0.5rem * 3) !important; }

.mb-3, .my-3 {
  margin-bottom: calc(0.5rem * 3) !important; }

.ml-3, .mx-3 {
  margin-left: calc(0.5rem * 3) !important; }

.mr-3, .mx-3 {
  margin-right: calc(0.5rem * 3) !important; }

/* Spacing */
.p-3 {
  padding: calc(0.5rem * 3) !important; }

.pt-3, .py-3 {
  padding-top: calc(0.5rem * 3) !important; }

.pb-3, .py-3 {
  padding-bottom: calc(0.5rem * 3) !important; }

.pl-3, .px-3 {
  padding-left: calc(0.5rem * 3) !important; }

.pr-3, .px-3 {
  padding-right: calc(0.5rem * 3) !important; }

/* Margin */
.m-4 {
  margin: calc(0.5rem * 4) !important; }

.mt-4, .my-4 {
  margin-top: calc(0.5rem * 4) !important; }

.mb-4, .my-4 {
  margin-bottom: calc(0.5rem * 4) !important; }

.ml-4, .mx-4 {
  margin-left: calc(0.5rem * 4) !important; }

.mr-4, .mx-4 {
  margin-right: calc(0.5rem * 4) !important; }

/* Spacing */
.p-4 {
  padding: calc(0.5rem * 4) !important; }

.pt-4, .py-4 {
  padding-top: calc(0.5rem * 4) !important; }

.pb-4, .py-4 {
  padding-bottom: calc(0.5rem * 4) !important; }

.pl-4, .px-4 {
  padding-left: calc(0.5rem * 4) !important; }

.pr-4, .px-4 {
  padding-right: calc(0.5rem * 4) !important; }

/* Margin */
.m-5 {
  margin: calc(0.5rem * 5) !important; }

.mt-5, .my-5 {
  margin-top: calc(0.5rem * 5) !important; }

.mb-5, .my-5 {
  margin-bottom: calc(0.5rem * 5) !important; }

.ml-5, .mx-5 {
  margin-left: calc(0.5rem * 5) !important; }

.mr-5, .mx-5 {
  margin-right: calc(0.5rem * 5) !important; }

/* Spacing */
.p-5 {
  padding: calc(0.5rem * 5) !important; }

.pt-5, .py-5 {
  padding-top: calc(0.5rem * 5) !important; }

.pb-5, .py-5 {
  padding-bottom: calc(0.5rem * 5) !important; }

.pl-5, .px-5 {
  padding-left: calc(0.5rem * 5) !important; }

.pr-5, .px-5 {
  padding-right: calc(0.5rem * 5) !important; }

/* Margin */
.m-6 {
  margin: calc(0.5rem * 6) !important; }

.mt-6, .my-6 {
  margin-top: calc(0.5rem * 6) !important; }

.mb-6, .my-6 {
  margin-bottom: calc(0.5rem * 6) !important; }

.ml-6, .mx-6 {
  margin-left: calc(0.5rem * 6) !important; }

.mr-6, .mx-6 {
  margin-right: calc(0.5rem * 6) !important; }

/* Spacing */
.p-6 {
  padding: calc(0.5rem * 6) !important; }

.pt-6, .py-6 {
  padding-top: calc(0.5rem * 6) !important; }

.pb-6, .py-6 {
  padding-bottom: calc(0.5rem * 6) !important; }

.pl-6, .px-6 {
  padding-left: calc(0.5rem * 6) !important; }

.pr-6, .px-6 {
  padding-right: calc(0.5rem * 6) !important; }

/* Margin */
.m-8 {
  margin: calc(0.5rem * 8) !important; }

.mt-8, .my-8 {
  margin-top: calc(0.5rem * 8) !important; }

.mb-8, .my-8 {
  margin-bottom: calc(0.5rem * 8) !important; }

.ml-8, .mx-8 {
  margin-left: calc(0.5rem * 8) !important; }

.mr-8, .mx-8 {
  margin-right: calc(0.5rem * 8) !important; }

/* Spacing */
.p-8 {
  padding: calc(0.5rem * 8) !important; }

.pt-8, .py-8 {
  padding-top: calc(0.5rem * 8) !important; }

.pb-8, .py-8 {
  padding-bottom: calc(0.5rem * 8) !important; }

.pl-8, .px-8 {
  padding-left: calc(0.5rem * 8) !important; }

.pr-8, .px-8 {
  padding-right: calc(0.5rem * 8) !important; }

/* Margin */
.m-10 {
  margin: calc(0.5rem * 10) !important; }

.mt-10, .my-10 {
  margin-top: calc(0.5rem * 10) !important; }

.mb-10, .my-10 {
  margin-bottom: calc(0.5rem * 10) !important; }

.ml-10, .mx-10 {
  margin-left: calc(0.5rem * 10) !important; }

.mr-10, .mx-10 {
  margin-right: calc(0.5rem * 10) !important; }

/* Spacing */
.p-10 {
  padding: calc(0.5rem * 10) !important; }

.pt-10, .py-10 {
  padding-top: calc(0.5rem * 10) !important; }

.pb-10, .py-10 {
  padding-bottom: calc(0.5rem * 10) !important; }

.pl-10, .px-10 {
  padding-left: calc(0.5rem * 10) !important; }

.pr-10, .px-10 {
  padding-right: calc(0.5rem * 10) !important; }

/* Margin */
.m-12 {
  margin: calc(0.5rem * 12) !important; }

.mt-12, .my-12 {
  margin-top: calc(0.5rem * 12) !important; }

.mb-12, .my-12 {
  margin-bottom: calc(0.5rem * 12) !important; }

.ml-12, .mx-12 {
  margin-left: calc(0.5rem * 12) !important; }

.mr-12, .mx-12 {
  margin-right: calc(0.5rem * 12) !important; }

/* Spacing */
.p-12 {
  padding: calc(0.5rem * 12) !important; }

.pt-12, .py-12 {
  padding-top: calc(0.5rem * 12) !important; }

.pb-12, .py-12 {
  padding-bottom: calc(0.5rem * 12) !important; }

.pl-12, .px-12 {
  padding-left: calc(0.5rem * 12) !important; }

.pr-12, .px-12 {
  padding-right: calc(0.5rem * 12) !important; }

/* Margin */
.m-16 {
  margin: calc(0.5rem * 16) !important; }

.mt-16, .my-16 {
  margin-top: calc(0.5rem * 16) !important; }

.mb-16, .my-16 {
  margin-bottom: calc(0.5rem * 16) !important; }

.ml-16, .mx-16 {
  margin-left: calc(0.5rem * 16) !important; }

.mr-16, .mx-16 {
  margin-right: calc(0.5rem * 16) !important; }

/* Spacing */
.p-16 {
  padding: calc(0.5rem * 16) !important; }

.pt-16, .py-16 {
  padding-top: calc(0.5rem * 16) !important; }

.pb-16, .py-16 {
  padding-bottom: calc(0.5rem * 16) !important; }

.pl-16, .px-16 {
  padding-left: calc(0.5rem * 16) !important; }

.pr-16, .px-16 {
  padding-right: calc(0.5rem * 16) !important; }

/* Margin */
.m-20 {
  margin: calc(0.5rem * 20) !important; }

.mt-20, .my-20 {
  margin-top: calc(0.5rem * 20) !important; }

.mb-20, .my-20 {
  margin-bottom: calc(0.5rem * 20) !important; }

.ml-20, .mx-20 {
  margin-left: calc(0.5rem * 20) !important; }

.mr-20, .mx-20 {
  margin-right: calc(0.5rem * 20) !important; }

/* Spacing */
.p-20 {
  padding: calc(0.5rem * 20) !important; }

.pt-20, .py-20 {
  padding-top: calc(0.5rem * 20) !important; }

.pb-20, .py-20 {
  padding-bottom: calc(0.5rem * 20) !important; }

.pl-20, .px-20 {
  padding-left: calc(0.5rem * 20) !important; }

.pr-20, .px-20 {
  padding-right: calc(0.5rem * 20) !important; }

/* Margin */
.m-24 {
  margin: calc(0.5rem * 24) !important; }

.mt-24, .my-24 {
  margin-top: calc(0.5rem * 24) !important; }

.mb-24, .my-24 {
  margin-bottom: calc(0.5rem * 24) !important; }

.ml-24, .mx-24 {
  margin-left: calc(0.5rem * 24) !important; }

.mr-24, .mx-24 {
  margin-right: calc(0.5rem * 24) !important; }

/* Spacing */
.p-24 {
  padding: calc(0.5rem * 24) !important; }

.pt-24, .py-24 {
  padding-top: calc(0.5rem * 24) !important; }

.pb-24, .py-24 {
  padding-bottom: calc(0.5rem * 24) !important; }

.pl-24, .px-24 {
  padding-left: calc(0.5rem * 24) !important; }

.pr-24, .px-24 {
  padding-right: calc(0.5rem * 24) !important; }

/* Margin */
.m-32 {
  margin: calc(0.5rem * 32) !important; }

.mt-32, .my-32 {
  margin-top: calc(0.5rem * 32) !important; }

.mb-32, .my-32 {
  margin-bottom: calc(0.5rem * 32) !important; }

.ml-32, .mx-32 {
  margin-left: calc(0.5rem * 32) !important; }

.mr-32, .mx-32 {
  margin-right: calc(0.5rem * 32) !important; }

/* Spacing */
.p-32 {
  padding: calc(0.5rem * 32) !important; }

.pt-32, .py-32 {
  padding-top: calc(0.5rem * 32) !important; }

.pb-32, .py-32 {
  padding-bottom: calc(0.5rem * 32) !important; }

.pl-32, .px-32 {
  padding-left: calc(0.5rem * 32) !important; }

.pr-32, .px-32 {
  padding-right: calc(0.5rem * 32) !important; }

.radius-xs {
  border-radius: 0.125rem !important; }

.radius-sm {
  border-radius: 0.1875rem !important; }

.radius-md {
  border-radius: 0.25rem !important; }

.radius-lg {
  border-radius: 0.5rem !important; }

.radius-xl {
  border-radius: 1.25rem !important; }

.radius-circle {
  border-radius: 50% !important; }

.radius-none {
  border-radius: 0 !important; }

.radius-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.radius-right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.radius-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.radius-left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.shadow-sm {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.175) !important; }

.shadow-md {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175) !important; }

.shadow-lg {
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.175) !important; }

.shadow-0 {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.opacity-0 {
  opacity: 0 !important; }

.opacity-85 {
  opacity: 0.85 !important; }

.opacity-70 {
  opacity: 0.7 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-30 {
  opacity: 0.3 !important; }

.opacity-15 {
  opacity: 0.15 !important; }

.opacity-100 {
  opacity: 1 !important; }

/*text*/
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem; }

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.text-md {
  font-size: 1rem;
  line-height: 1.5rem; }

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem; }

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem; }

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem; }

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem; }

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem; }

.text-5xl {
  font-size: 3rem;
  line-height: 1; }

.text-6xl {
  font-size: 3.75rem;
  line-height: 1; }

.text-7xl {
  font-size: 4.5rem;
  line-height: 1; }

.text-8xl {
  font-size: 6rem;
  line-height: 1; }

.text-9xl {
  font-size: 8rem;
  line-height: 1; }

.font-sun {
  font-family: Georgia, "Times New Roman", Times, SimSun, "FontAwesome", serif; }

.font-kai {
  font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; }

.font-monospace {
  font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace; }

.font-light {
  font-family: Georgia, "Times New Roman", Times, "Microsoft YaHei Light", "Microsoft YaHei", "FontAwesome", serif; }

.font-xs {
  font-weight: 200; }

.font-sm {
  font-weight: 400; }

.font-md {
  font-weight: normal; }

.font-lg {
  font-weight: bold; }

.font-xl {
  font-weight: bolder; }

.text-gray-100 {
  color: #F3F4F6; }

.text-gray-200 {
  color: #E5E7EB; }

.text-gray-300 {
  color: #D1D5DB; }

.text-gray-400 {
  color: #6B7280; }

.text-gray-500 {
  color: #4B5563; }

.text-gray-600 {
  color: #374151; }

.text-gray-700 {
  color: #1F2937; }

.text-gray-800 {
  color: #111827; }

.text-gray-900 {
  color: #111827; }

/*utility*/
/*utility*/
.img-auto {
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-full {
  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px !important;
  padding-right: 16px !important; }

.w-xs {
  width: 540px !important; }

.w-sm {
  width: 730px !important; }

.w-md {
  width: 960px !important; }

.w-lg {
  width: 1200px !important; }

.w-xl {
  width: 1600px !important; }

.w-full {
  width: 100%; }

.hr {
  margin: 1em 0 1.5em 0;
  background-color: #fff;
  line-height: 1em;
  height: 0.6em;
  border-bottom: 1px solid #ddd; }

.hr > span {
  display: inline-block;
  line-height: 1;
  background-color: inherit;
  padding: 0 1em;
  margin: 0 1em; }

.quote {
  padding: 1em;
  border-left: 0.3125rem solid #ddd;
  background-color: #f5f5f5;
  border-radius: 0.25rem; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

.clearfix::after {
  content: " ";
  display: block !important;
  clear: both; }

.line-xs {
  line-height: 1 !important; }

.line-sm {
  line-height: 1.5 !important; }

.line-md {
  line-height: 1.75 !important; }

.line-lg {
  line-height: 2 !important; }

.line-xl {
  line-height: 2.5 !important; }

.text-left {
  text-align: left !important; }

.text-center, .banner-bg {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-justify {
  text-align: justify !important; }

.text-top {
  vertical-align: top !important; }

.text-middle {
  vertical-align: middle !important; }

.text-bottom {
  vertical-align: bottom !important; }

.word-indent {
  text-indent: 2em; }

.word-more {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.word-break {
  word-break: break-all;
  word-wrap: break-word; }

.word-block {
  white-space: nowrap; }

.inline-block {
  display: inline-block !important; }

.block {
  display: block !important; }

.static {
  position: static; }

.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.sticky {
  position: -webkit-sticky;
  position: sticky; }

.center {
  margin-left: auto !important;
  margin-right: auto !important; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.show,
.xs-hidden,
.sm-hidden,
.md-hidden,
.lg-hidden,
.xl-hidden {
  display: block !important; }

.hidden,
.xs-show,
.sm-show,
.md-show,
.lg-show,
.xl-show {
  display: none !important; }

.print-show {
  display: none !important; }

@media print {
  .print-show {
    display: block !important; }
  table.print-show {
    display: table; }
  tr.print-show {
    display: table-row !important; }
  th.print-show,
  td.print-show {
    display: table-cell !important; }
  .print-hidden {
    display: none !important; } }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%; }

.fixed-bottom {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%; }

.fixed-left {
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
  height: 100%; }

.fixed-right {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  height: 100%; }

.fixed-left-top {
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0; }

.fixed-right-top {
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto; }

.fixed-left-bottom {
  position: fixed;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0; }

.fixed-right-bottom {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto; }

/*color*/
.text-main,
.button.border-main {
  color: #f5222d !important; }

.text-sub,
.button.border-sub {
  color: #299a8e !important; }

.text-dot,
.button.border-dot {
  color: #cc2d3d !important; }

.border-main,
.table.border-main td,
.table.border-main th {
  border-color: #f5222d !important; }

.border-sub,
.table.border-sub td,
.table.border-sub th {
  border-color: #299a8e !important; }

.border-dot,
.table.border-dot td,
.table.border-dot th {
  border-color: #cc2d3d !important; }

.bg-main,
.text.button:hover,
.border.button:hover,
.button.icons-item:hover,
.bg.button:hover,
.button[class*="-main"]:hover,
.button[class*="-main"].active {
  background-color: #cf1322; }

.bg-sub,
.button[class*="-sub"]:hover,
.button[class*="-sub"].active {
  background-color: #299a8e !important; }

.bg-dot,
.button[class*="-dot"]:hover,
.button[class*="-dot"].active {
  background-color: #cc2d3d !important; }

.text-black,
.button.border-black {
  color: #000 !important; }

.text-deep,
.button.border-deep {
  color: #333 !important; }

.text-dark,
.button.border-dark {
  color: #666 !important; }

.text-gray,
.button.border-gray {
  color: #999 !important; }

.text-silver,
.button.border-silver {
  color: #ddd !important; }

.text-light,
.button.border-light {
  color: #f5f5f5 !important; }

.text-white,
.button.border-white,
.validate-tips div > .input-validate {
  color: #fff !important; }

.text-danger,
.button.border-danger,
.input-invalid > .input-validate {
  color: #f04134 !important; }

.text-warning,
.button.border-warning {
  color: #ffbf00 !important; }

.text-success,
.button.border-success,
.input-valid > .input-validate {
  color: #00a854 !important; }

.text-info,
.button.border-info {
  color: #108ee9 !important; }

.text,
a.text-main:hover {
  color: #4d4d4d !important; }

.text-transparent {
  color: transparent !important; }

.border-black,
.table.border-black td,
.table.border-black th {
  border-color: #000 !important; }

.border-deep,
.table.border-deep td,
.table.border-deep th {
  border-color: #333 !important; }

.border-dark,
.table.border-dark td,
.table.border-dark th {
  border-color: #666 !important; }

.border-gray,
.table.border-gray td,
.table.border-gray th {
  border-color: #999 !important; }

.border-silver,
.table.border-silver td,
.table.border-silver th {
  border-color: #ddd !important; }

.border-light,
.table.border-light td,
.table.border-light th {
  border-color: #f5f5f5 !important; }

.border-white,
.table.border-white td,
.table.border-white th {
  border-color: #fff !important; }

.border-danger,
.table.border-danger td,
.table.border-danger th,
.input-invalid:not(.input-novalidate) .input,
.form-validate .input:focus:invalid {
  border-color: #f04134 !important; }

.border-warning,
.table.border-warning td,
.table.border-warning th {
  border-color: #ffbf00 !important; }

.border-success,
.table.border-success td,
.table.border-success th,
.input-valid:not(.input-novalidate) .input,
.form-validate .input:focus:valid {
  border-color: #00a854 !important; }

.border-info,
.table.border-info td,
.table.border-info th {
  border-color: #108ee9 !important; }

.border-transparent {
  border-color: transparent !important; }

.bg-black,
.button[class*="-black"]:hover,
.button[class*="-black"].active {
  background-color: #000 !important; }

.bg-deep,
.button[class*="-deep"]:hover,
.button[class*="-deep"].active {
  background-color: #333 !important; }

.bg-dark,
.button[class*="-dark"]:hover,
.button[class*="-dark"].active {
  background-color: #666 !important; }

.bg-gray,
.button[class*="-gray"]:hover,
.button[class*="-gray"].active {
  background-color: #999 !important; }

.bg-silver,
.button[class*="-silver"]:hover,
.button[class*="-silver"].active {
  background-color: #ddd !important; }

.bg-light,
.button[class*="-light"]:hover,
.button[class*="-light"].active {
  background-color: #f5f5f5 !important; }

.bg-white,
.button[class*="-white"]:hover,
.button[class*="-white"].active {
  background-color: #fff !important; }

.bg-danger,
.button[class*="-danger"] a .button[class*="-danger"]:hover,
.button[class*="-danger"].active,
.validate-tips .input-invalid > .input-validate {
  background-color: #f04134 !important; }

.bg-warning,
.button[class*="-warning"]:hover,
.button[class*="-warning"].active {
  background-color: #ffbf00 !important; }

.bg-success,
.button[class*="-success"]:hover,
.button[class*="-success"].active,
.validate-tips .input-valid > .input-validate {
  background-color: #00a854 !important; }

.bg-info,
.button[class*="-info"]:hover,
.button[class*="-info"].active {
  background-color: #108ee9 !important; }

.bg,
.button.active {
  background-color: #f5f5f5 !important; }

.bg-inverse a:hover {
  opacity: 0.75 !important; }

.bg-inverse,
.bg-inverse a {
  color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.alert {
  background-color: #f5f5f5 !important; }

.alert-danger {
  background-color: #fee !important; }

.alert-warning {
  background-color: #ffd !important; }

.alert-success {
  background-color: #efd !important; }

.alert-info {
  background-color: #eff !important; }

.alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
  position: relative;
  border-radius: 0.5rem; }

.alert > [data-dismiss] {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  color: #f04134; }

.alert > i:not([data-dismiss]) {
  font-size: 48px;
  margin: 1rem; }

.alert > .alert-body {
  margin: 0 1rem 1rem 1rem; }

.alert > p,
.alert > .alert-body > p {
  margin: 0;
  font-size: 0.875rem; }

.alert.alert-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.alert.alert-inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.alert.alert-inline > .alert-body {
  margin-top: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%; }

@media (min-width: 572px) {
  .container {
    width: var(540px); }
  .xs-float-left {
    float: left !important; }
  .xs-float-right {
    float: right !important; }
  .xs-float-none {
    float: none !important; }
  .xs-align-left {
    text-align: left !important; }
  .xs-align-center {
    text-align: center !important; }
  .xs-align-right {
    text-align: right !important; }
  .xs-size-xl {
    font-size: 1.75rem !important; }
  .xs-size-lg {
    font-size: 1.25rem !important; }
  .xs-size-md {
    font-size: 1rem !important; }
  .xs-size-sm {
    font-size: 0.875rem !important; }
  .xs-size-xs {
    font-size: 0.75em !important; }
  .xs-show {
    display: block !important; }
  .xs-hidden {
    display: none !important; }
  .xs-grid-xs > .grid {
    margin: -0.03125rem; }
  .xs-grid-xs,
  .xs-grid-xs > .grid > [class*="x"] {
    padding: 0.03125rem; }
  .xs-grid-sm > .grid {
    margin: -0.25rem; }
  .xs-grid-sm,
  .xs-grid-sm > .grid > [class*="x"] {
    padding: 0.25rem; }
  .xs-grid-md > .grid {
    margin: -0.5rem; }
  .xs-grid-md,
  .xs-grid-md > .grid > [class*="x"] {
    padding: 0.5rem; }
  .xs-grid-lg > .grid {
    margin: -0.75rem; }
  .xs-grid-lg,
  .xs-grid-lg > .grid > [class*="x"] {
    padding: 0.75rem; }
  .xs-grid-xl > .grid {
    margin: -1rem; }
  .xs-grid-xl,
  .xs-grid-xl > .grid > [class*="x"] {
    padding: 1rem; }
  .xs-x {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .xs-x0 {
    width: auto; }
  .xs-x1 {
    width: 8.33333333%; }
  .xs-x2 {
    width: 16.66666667%; }
  .xs-x20 {
    width: 20%; }
  .xs-x3 {
    width: 25%; }
  .xs-x4 {
    width: 33.33333333%; }
  .xs-x5 {
    width: 41.66666667%; }
  .xs-x6 {
    width: 50%; }
  .xs-x7 {
    width: 58.33333333%; }
  .xs-x8 {
    width: 66.66666667%; }
  .xs-x9 {
    width: 75%; }
  .xs-x10,
  .xs-w10 {
    width: 83.33333333%; }
  .xs-x11 {
    width: 91.66666667%; }
  .xs-x12,
  .xs-x100 {
    width: 100%; }
  .xs-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .xs-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .xs-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .xs-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .xs-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .xs-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .xs-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .xs-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .xs-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .xs-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .xs-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .xs-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .xs-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .xs-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .xs-move0 {
    margin-left: 0; }
  .xs-move1 {
    margin-left: 8.33333333%; }
  .xs-move2 {
    margin-left: 16.66666667%; }
  .xs-move3 {
    margin-left: 25%; }
  .xs-move4 {
    margin-left: 33.33333333%; }
  .xs-move5 {
    margin-left: 41.66666667%; }
  .xs-move6 {
    margin-left: 50%; }
  .xs-move7 {
    margin-left: 58.33333333%; }
  .xs-move8 {
    margin-left: 66.66666667%; }
  .xs-move9 {
    margin-left: 75%; }
  .xs-move10 {
    margin-left: 83.33333333%; }
  .xs-move11 {
    margin-left: 91.66666667%; } }

@media (min-width: 762px) {
  .container {
    width: var(960px); }
  .sm-float-left {
    float: left !important; }
  .sm-float-right {
    float: right !important; }
  .sm-float-none {
    float: none !important; }
  .sm-align-left {
    text-align: left !important; }
  .sm-align-center {
    text-align: center !important; }
  .sm-align-right {
    text-align: right !important; }
  .sm-size-xl {
    font-size: 1.75rem !important; }
  .sm-size-lg {
    font-size: 1.25rem !important; }
  .sm-size-md {
    font-size: 1rem !important; }
  .sm-size-sm {
    font-size: 0.875rem !important; }
  .sm-size-xs {
    font-size: 0.75em !important; }
  .sm-show {
    display: block !important; }
  .sm-hidden {
    display: none !important; }
  .sm-grid-xs > .grid {
    margin: -0.03125rem; }
  .sm-grid-xs,
  .sm-grid-xs > .grid > [class*="x"] {
    padding: 0.03125rem; }
  .sm-grid-sm > .grid {
    margin: -0.25rem; }
  .sm-grid-sm,
  .sm-grid-sm > .grid > [class*="x"] {
    padding: 0.25rem; }
  .sm-grid-md > .grid {
    margin: -0.5rem; }
  .sm-grid-md,
  .sm-grid-md > .grid > [class*="x"] {
    padding: 0.5rem; }
  .sm-grid-lg > .grid {
    margin: -0.75rem; }
  .sm-grid-lg,
  .sm-grid-lg > .grid > [class*="x"] {
    padding: 0.75rem; }
  .sm-grid-xl > .grid {
    margin: -1rem; }
  .sm-grid-xl,
  .sm-grid-xl > .grid > [class*="x"] {
    padding: 1rem; }
  .sm-x {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .sm-x0 {
    width: auto; }
  .sm-x1 {
    width: 8.33333333%; }
  .sm-x2 {
    width: 16.66666667%; }
  .sm-x20 {
    width: 20%; }
  .sm-x3 {
    width: 25%; }
  .sm-x4 {
    width: 33.33333333%; }
  .sm-x5 {
    width: 41.66666667%; }
  .sm-x6 {
    width: 50%; }
  .sm-x7 {
    width: 58.33333333%; }
  .sm-x8 {
    width: 66.66666667%; }
  .sm-x9 {
    width: 75%; }
  .sm-x10,
  .sm-w10 {
    width: 83.33333333%; }
  .sm-x11 {
    width: 91.66666667%; }
  .sm-x12,
  .sm-x100 {
    width: 100%; }
  .sm-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .sm-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .sm-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .sm-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .sm-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .sm-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .sm-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .sm-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .sm-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .sm-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .sm-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .sm-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .sm-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .sm-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .sm-move0 {
    margin-left: 0; }
  .sm-move1 {
    margin-left: 8.33333333%; }
  .sm-move2 {
    margin-left: 16.66666667%; }
  .sm-move3 {
    margin-left: 25%; }
  .sm-move4 {
    margin-left: 33.33333333%; }
  .sm-move5 {
    margin-left: 41.66666667%; }
  .sm-move6 {
    margin-left: 50%; }
  .sm-move7 {
    margin-left: 58.33333333%; }
  .sm-move8 {
    margin-left: 66.66666667%; }
  .sm-move9 {
    margin-left: 75%; }
  .sm-move10 {
    margin-left: 83.33333333%; }
  .sm-move11 {
    margin-left: 91.66666667%; } }

@media (max-width: 762px) {
  .table-auto {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-auto .table tr th,
  .table-auto .table tr td {
    white-space: nowrap; } }

@media (min-width: 992px) {
  .container {
    width: var(960px); }
  .md-float-left {
    float: left !important; }
  .md-float-right {
    float: right !important; }
  .md-float-none {
    float: none !important; }
  .md-align-left {
    text-align: left !important; }
  .md-align-center {
    text-align: center !important; }
  .md-align-right {
    text-align: right !important; }
  .md-size-xl {
    font-size: 1.75rem !important; }
  .md-size-lg {
    font-size: 1.25rem !important; }
  .md-size-md {
    font-size: 1rem !important; }
  .md-size-sm {
    font-size: 0.875rem !important; }
  .md-size-xs {
    font-size: 0.75em !important; }
  .md-show {
    display: block !important; }
  .md-hidden {
    display: none !important; }
  .md-grid-xs > .grid {
    margin: -0.03125rem; }
  .md-grid-xs,
  .md-grid-xs > .grid > [class*="x"] {
    padding: 0.03125rem; }
  .md-grid-sm > .grid {
    margin: -0.25rem; }
  .md-grid-sm,
  .md-grid-sm > .grid > [class*="x"] {
    padding: 0.25rem; }
  .md-grid-md > .grid {
    margin: -0.5rem; }
  .md-grid-md,
  .md-grid-md > .grid > [class*="x"] {
    padding: 0.5rem; }
  .md-grid-lg > .grid {
    margin: -0.75rem; }
  .md-grid-lg,
  .md-grid-lg > .grid > [class*="x"] {
    padding: 0.75rem; }
  .md-grid-xl > .grid {
    margin: -1rem; }
  .md-grid-xl,
  .md-grid-xl > .grid > [class*="x"] {
    padding: 1rem; }
  .md-x {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .md-x0 {
    width: auto; }
  .md-x1 {
    width: 8.33333333%; }
  .md-x2 {
    width: 16.66666667%; }
  .md-x20 {
    width: 20%; }
  .md-x3 {
    width: 25%; }
  .md-x4 {
    width: 33.33333333%; }
  .md-x5 {
    width: 41.66666667%; }
  .md-x6 {
    width: 50%; }
  .md-x7 {
    width: 58.33333333%; }
  .md-x8 {
    width: 66.66666667%; }
  .md-x9 {
    width: 75%; }
  .md-x10,
  .md-w10 {
    width: 83.33333333%; }
  .md-x11 {
    width: 91.66666667%; }
  .md-x12,
  .md-x100 {
    width: 100%; }
  .md-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .md-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .md-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .md-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .md-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .md-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .md-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .md-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .md-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .md-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .md-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .md-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .md-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .md-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .md-move0 {
    margin-left: 0; }
  .md-move1 {
    margin-left: 8.33333333%; }
  .md-move2 {
    margin-left: 16.66666667%; }
  .md-move3 {
    margin-left: 25%; }
  .md-move4 {
    margin-left: 33.33333333%; }
  .md-move5 {
    margin-left: 41.66666667%; }
  .md-move6 {
    margin-left: 50%; }
  .md-move7 {
    margin-left: 58.33333333%; }
  .md-move8 {
    margin-left: 66.66666667%; }
  .md-move9 {
    margin-left: 75%; }
  .md-move10 {
    margin-left: 83.33333333%; }
  .md-move11 {
    margin-left: 91.66666667%; } }

@media (min-width: 1232px) {
  .container {
    width: var(1200px); }
  .lg-float-left {
    float: left !important; }
  .lg-float-right {
    float: right !important; }
  .lg-float-none {
    float: none !important; }
  .lg-align-left {
    text-align: left !important; }
  .lg-align-center {
    text-align: center !important; }
  .lg-align-right {
    text-align: right !important; }
  .lg-size-xl {
    font-size: 1.75rem !important; }
  .lg-size-lg {
    font-size: 1.25rem !important; }
  .lg-size-md {
    font-size: 1rem !important; }
  .lg-size-sm {
    font-size: 0.875rem !important; }
  .lg-size-xs {
    font-size: 0.75em !important; }
  .lg-show {
    display: block !important; }
  .lg-hidden {
    display: none !important; }
  .lg-grid-xs > .grid {
    margin: -0.03125rem; }
  .lg-grid-xs,
  .lg-grid-xs > .grid > [class*="x"] {
    padding: 0.03125rem; }
  .lg-grid-sm > .grid {
    margin: -0.25rem; }
  .lg-grid-sm,
  .lg-grid-sm > .grid > [class*="x"] {
    padding: 0.25rem; }
  .lg-grid-md > .grid {
    margin: -0.5rem; }
  .lg-grid-md,
  .lg-grid-md > .grid > [class*="x"] {
    padding: 0.5rem; }
  .lg-grid-lg > .grid {
    margin: -0.75rem; }
  .lg-grid-lg,
  .lg-grid-lg > .grid > [class*="x"] {
    padding: 0.75rem; }
  .lg-grid-xl > .grid {
    margin: -1rem; }
  .lg-grid-xl,
  .lg-grid-xl > .grid > [class*="x"] {
    padding: 1rem; }
  .lg-x {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .lg-x0 {
    width: auto; }
  .lg-x1 {
    width: 8.33333333%; }
  .lg-x2 {
    width: 16.66666667%; }
  .lg-x20 {
    width: 20%; }
  .lg-x3 {
    width: 25%; }
  .lg-x4 {
    width: 33.33333333%; }
  .lg-x5 {
    width: 41.66666667%; }
  .lg-x6 {
    width: 50%; }
  .lg-x7 {
    width: 58.33333333%; }
  .lg-x8 {
    width: 66.66666667%; }
  .lg-x9 {
    width: 75%; }
  .lg-x10,
  .lg-w10 {
    width: 83.33333333%; }
  .lg-x11 {
    width: 91.66666667%; }
  .lg-x12,
  .lg-x100 {
    width: 100%; }
  .lg-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .lg-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .lg-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .lg-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .lg-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .lg-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .lg-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .lg-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .lg-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .lg-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .lg-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .lg-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .lg-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .lg-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .lg-move0 {
    margin-left: 0; }
  .lg-move1 {
    margin-left: 8.33333333%; }
  .lg-move2 {
    margin-left: 16.66666667%; }
  .lg-move3 {
    margin-left: 25%; }
  .lg-move4 {
    margin-left: 33.33333333%; }
  .lg-move5 {
    margin-left: 41.66666667%; }
  .lg-move6 {
    margin-left: 50%; }
  .lg-move7 {
    margin-left: 58.33333333%; }
  .lg-move8 {
    margin-left: 66.66666667%; }
  .lg-move9 {
    margin-left: 75%; }
  .lg-move10 {
    margin-left: 83.33333333%; }
  .lg-move11 {
    margin-left: 91.66666667%; } }

@media (min-width: 1632px) {
  .container {
    width: var(1600px); }
  .xl-float-left {
    float: left !important; }
  .xl-float-right {
    float: right !important; }
  .xl-float-none {
    float: none !important; }
  .xl-align-left {
    text-align: left !important; }
  .xl-align-center {
    text-align: center !important; }
  .xl-align-right {
    text-align: right !important; }
  .xl-size-xl {
    font-size: 1.75rem !important; }
  .xl-size-lg {
    font-size: 1.25rem !important; }
  .xl-size-md {
    font-size: 1rem !important; }
  .xl-size-sm {
    font-size: 0.875rem !important; }
  .xl-size-xs {
    font-size: 0.75em !important; }
  .xl-show {
    display: block !important; }
  .xl-hidden {
    display: none !important; }
  .xl-grid-xs > .grid {
    margin: -0.03125rem; }
  .xl-grid-xs,
  .xl-grid-xs > .grid > [class*="x"] {
    padding: 0.03125rem; }
  .xl-grid-sm > .grid {
    margin: -0.25rem; }
  .xl-grid-sm,
  .xl-grid-sm > .grid > [class*="x"] {
    padding: 0.25rem; }
  .xl-grid-md > .grid {
    margin: -0.5rem; }
  .xl-grid-md,
  .xl-grid-md > .grid > [class*="x"] {
    padding: 0.5rem; }
  .xl-grid-lg > .grid {
    margin: -0.75rem; }
  .xl-grid-lg,
  .xl-grid-lg > .grid > [class*="x"] {
    padding: 0.75rem; }
  .xl-grid-xl > .grid {
    margin: -1rem; }
  .xl-grid-xl,
  .xl-grid-xl > .grid > [class*="x"] {
    padding: 1rem; }
  .xl-x {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%; }
  .xl-x0 {
    width: auto; }
  .xl-x1 {
    width: 8.33333333%; }
  .xl-x2 {
    width: 16.66666667%; }
  .xl-x20 {
    width: 20%; }
  .xl-x3 {
    width: 25%; }
  .xl-x4 {
    width: 33.33333333%; }
  .xl-x5 {
    width: 41.66666667%; }
  .xl-x6 {
    width: 50%; }
  .xl-x7 {
    width: 58.33333333%; }
  .xl-x8 {
    width: 66.66666667%; }
  .xl-x9 {
    width: 75%; }
  .xl-x10,
  .xl-w10 {
    width: 83.33333333%; }
  .xl-x11 {
    width: 91.66666667%; }
  .xl-x12,
  .xl-x100 {
    width: 100%; }
  .xl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .xl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .xl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .xl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .xl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .xl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .xl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .xl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .xl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .xl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .xl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .xl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .xl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .xl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .xl-move0 {
    margin-left: 0; }
  .xl-move1 {
    margin-left: 8.33333333%; }
  .xl-move2 {
    margin-left: 16.66666667%; }
  .xl-move3 {
    margin-left: 25%; }
  .xl-move4 {
    margin-left: 33.33333333%; }
  .xl-move5 {
    margin-left: 41.66666667%; }
  .xl-move6 {
    margin-left: 50%; }
  .xl-move7 {
    margin-left: 58.33333333%; }
  .xl-move8 {
    margin-left: 66.66666667%; }
  .xl-move9 {
    margin-left: 75%; }
  .xl-move10 {
    margin-left: 83.33333333%; }
  .xl-move11 {
    margin-left: 91.66666667%; } }

.icons-item {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .icons-item:hover {
    border: 1px solid #fa8c16; }
    .icons-item:hover a {
      color: #fa8c16; }

.banner-bg {
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: -2; }

.banner-bg-black {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #111827;
  opacity: .25; }

.banner-info {
  position: relative;
  z-index: 1; }